Re: проблема вёрстки на div-ах
От: andrey29  
Дата: 06.08.07 09:37
Оценка:
Здравствуйте, MasterMind, Вы писали:

MM>есть такой код


MM>
MM><html>
MM>    <style type="text/css">
MM>        html,body{margin:0;padding:0}
MM>    </style>
        
MM>     <body style="margin-left:0px; margin-top: 0px;">
     
MM>     <div style="width:100%;">
     
MM>        <div style="height:27px;background-color:#7C3535;width:100%;position:relative"></div>

MM>        <div style="width:100%;background-color:#D9D9B9;">
MM>            <div style="float:left;"> (1)
MM>                <div><img src="images/logo_1.gif"></div>
MM>                 <div><img src="images/logo_2.gif"></div>
MM>                 <div><img src="images/logo_3.gif"></div>
MM>            </div>
MM>            <div style="float:left;"> (2)
MM>                 <div><img src="images/l1.gif"></div>
MM>                 <div><img src="images/l2.gif"></div>
MM>                 <div><img src="images/l3.gif"></div>
MM>            </div>
MM>            <div style="float:left;"> (3)
MM>                 <div><img src="images/logo_5.gif"></div>
MM>                 <div><img src="images/logo_4.gif"></div>
MM>                 <div><img src="images/logo_6.gif"></div>
MM>            </div>
MM>            <div style="float:left;"> (3)
MM>                <div style="height:63px;width:100%;background-color:#D9D9B9;">&nbsp;</div>
MM>            </div>
MM>        </div>

            
MM>    </div>            

MM>    </body>
MM> </html>
MM>


Firefox считает, что объемлющий div пустой (все вложенные элементы имеют float) и просто не рисует его (легко увидеть в DOM Inspector), поэтому и игнорирует 100% ширины от пустого дива. Работает, если, например, задать <div style="width:100%;background-color:#D9D9B9; position:absolute">
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.