✔ <div> in <div>

[Arndtinho]

Hallo,

ich habe hier ein Problem wo ich nicht mehr weiter weis und googlen mir auch nicht hilft:
Innerhalb eines <div>-Tags habe ich ein weiteren <div>-Tag. Dies sieht so aus:

<div id="bla">
   irgendein Content
   
   <div id="blabla">
       irgendein anderer Content
   </div>
</div>

Im IE wird <div>-Tag "blabla" genau dort angezeigt wo ich ihn positioniert habe.
Im Firefox wird er aber unterhalb des <div>-Tags "bla" angezeigt. Woran liegt das und wie kann ich das beheben?

Gruß,
Arndtinho

 

[Gumbo]

Wie hast du ihn denn positioniert? Ohne das verwendete Stylesheet werden wir dir schlecht helfen können.

 

[Arndtinho]

#bla {
   position:            absolute;
   margin:              0;
   height:              85px;
   width:               80%;
   text-align:          left;
   border: 1px blue solid;
}

#blabla {
   position:   absolute;
   left:       230px;
   height:     85px;
   text-align:  left;
   border: 1px green solid;
}

Gruß,
Arndtinho

 

[Gumbo]

Und wie soll nun das Ganze deinen Vorstellungen nach dargestellt werden?

 

[Arndtinho]

Innerhalb ( links ) des <div> "bla" gibt es ein Logo.
Neben dieses Bild soll das <div> "blabla" positioniert werden.

Wie gesag, es im IE.

Gruß,
Arndtinho

 

[Maik]

Probier es mal mit der top-Eigenschaft für das innere DIV:

#bla {
   position:            absolute;
   margin:              0;
   height:              85px;
   width:               80%;
   text-align:          left;
   border: 1px blue solid;
}

#blabla {
   position:   absolute;
   left:       230px;
   top:        0;
   height:     85px;
   text-align:  left;
   border: 1px green solid;
}

 

[Arndtinho]

Komisch, das klappt.
Eigentlich war ich mir sicher, dass ich das schon getestet hatte. Aber wahrscheinlich dann doch nicht.
Danke.

Gruß,
Arndtinho