Naime, imam dva div-a, jedan u drugom, oba istih dimenzija (width=980px) ali dobija se poruka o grešci "Expanding Box Problem" (koji će istina uticati samo na IE6), poruka o greški se dobija u Dreamweaver CS5.
HTML kod:
<div id="vanjski">
<div id="unutrasnji">
</ div>
<br class="clear" />
</ div>
CSS kod:
#vanjski{
width:980px;
margin:0;
padding:0;
}
#unutrasnji{
width:980px;
float:left;
height:150px;
margin:0;
padding:0;
}
.clear{
clear:both;
}
Pitanje:
Zašto dobijam poruku o grešci kad oba div-a imaju isti width i treba da stanu jedan u drugi?
Onda sam na Firebug-u našao da element <br> ima width od 0.0166667px.
Zatim sam povećao width vanjskog div-a za 1px očekujući da neće opet prijavljivati "Expanding Box Problem", ali ne.
Da DW ne bi prikazivao pomenuti problem potrebno je width vanjskog div-a povećati za celih 17px (tako da bude width:997px;)?!?
Hteo bih da napomnem da i IE8 i FF pokazuju divove jedan u drugom bez problema ali mene interesuje da li element <br /> ima width kao što kaže Firebug ( i zašto baš 0,0166667px) i zašto je potrebno povećati baš 17px vanjski div da DW ne bi prikazivao poruku o grešci?