konto usunięte
Temat: Zachowanie float przy zagnieżdżeniu divów
Powiedzmy, że mam taki kawałek stronki:
<div id="outerFrame">
<div id="innerFrame">bla bla bla</div>
</div>
Do tego mam zdefiniowane style:
#outerFrame
{
border:1px solid #222222;
float:left;
width:600px;
}
#innerFrame {
border:1px solid #FF0000;
float:left;
height:50px;
width:400px;
margin-left:100px;
margin-right:100px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
W przypadku, gdy usunę 'float:left;' z #outerFrame'a, FF rysując zewnętrzną ramkę ścieśnia ją do 1 pixela, natomiast Opera renderuje tak, że mieści się w niej ramka wewnętrzna. Które zachowanie jest poprawne wg standardu i dlaczego?
Moim zdaniem bardziej intuicyjne jest zachowanie Opery, jak robię ramkę wewnątrz ramki, to spodziewam się, że w zewnętrznej ramce będzie zawarta wewnętrzna, tak jak sugeruje to sam kod.Adam Michalski edytował(a) ten post dnia 01.09.10 o godzinie 19:31