Здравствуйте. Есть следующий html HTML: <div id="contentdiv"> <div id="leftcol">1</div> <div id="rightcol"></div> </div> [css] #contentdiv { width:886px; background: #ffffff; border:1px solid red; } #leftcol { width:560px; padding-left:34px; padding-right:38px; float:left; } #rightcol { width:254px; float:left; } [/css] По идеи div c id=contentdiv должен увеличиваться по высоте взависимости от высоты leftcol и rightcol и оба эти дива должны иметь background: #ffffff; такой как стоит и div c id=contentdiv. Но браузеры отображают contentdiv с 0 высотой вне зависимости какая высота у вложеных дивовов и так же background прозрачный у div c id leftcol и rightcol, в чем тут дело?
Заметил такую особенность, что если сделать код таким: HTML: <div id="contentdiv"> <div id="leftcol">1</div> </div> [css] #leftcol { width:560px; padding-left:34px; padding-right:38px; } [/css] то есть в #leftcol я убрал свойство float то div#contentdiv начал увеличиваться по высоте в зависимости от дочернего элемента div#leftcol, но как только я опять присваиваю div#leftcol свойство float то родительский элемент div#contentdiv как буд-то не видит своего дочернего и опять высота его равна 0px. В IE все работает, а вот в FF и Opera и Chrome не работает, как это можно избужать?
пользоваться стандартным потоком вывода, в котором левая колонка будет слева, если она прописана раньше за правую и также меджу правой и левой колонкой вставить неразрывный див: HTML: <div style="clear:none"></div>
и вот еще, для нглядности используйте следующий код, который построен на вашем, для того, что-бы визуально показать ваши ошибки: HTML: <html> <head> <title>JScript testing</title> <style> * { margin:0px; padiing:0px; } #contentdiv { width:886px; margin:50; background: #ffffff; border:1px solid red; } #leftcol { width:560px; padding-left:34px; padding-right:38px; background: green; } #rightcol { width:254px; background: silver; } </style> </head> <body> <div id="contentdiv"> <div id="leftcol"> </div> <div style="clear:none"></div> <div id="rightcol"> </div> </div> </body> </html> вы не использовали на тестах знак неразрывного пробела, и некоторые браузеры просто не читаю ваш див, буд-то его нет, во-вторых: видно, что хотя по пикселях дивы совпадают, но на самом деле ширина вложенных - больше главного. в связи с этим, когда вы пытаетесь позиционировать два внутренних дива в одной строке - вылетает ошибка и главный див не включает в себя дочерние элементы. будут догадки пишите на мыло: outoftime_92@mail.ru, или skype - outoftime_92