3

У меня есть следующиеIE7 DIV с плавающей ошибка

<div id="border" style="width:100%; border:8px solid #FFF"> 
    <div id="menu" style="width:250px; float:left;" > 
     Some menu 
    </div> 
    <div id="content" style="padding-left:270px; width:520px;" > 
     Main page content 
    </div> 
</div> 

Это дает мне выравнивание по левому краю меню и содержание справа от него, все окруженное бордюром.

Во всех браузерах, включая IE8, он отображается правильно.

Но в IE7 содержимое начинается только под меню и оставляет большое открытое пространство справа от меню.

Я искал все виды решений и пробовал всевозможные комбинации справа, слева, ни одного для поплавка. очистка левый правый обе. Он всегда отображает разные браузеры.

Любая помощь приветствуется. Michael

ответ

3

Удалите прокладку на своем div и установите ее влево.

Вы, возможно, придется поставить <div style="clear: left"></div> после

+0

я пробовал. Это не сработало, потому что граница div имела высоту 0, тем самым удаляя границу. Добавление div clear: осталось работать. Огромное спасибо. –

+0

Нет проблем, не забудьте принять ответы, если они решат вашу проблему, щелкнув по маленькому тику :) – NibblyPig

+0

Просто понял, что проблема была исправлена ​​в IE7, но теперь у меня новая проблема в Chrome. Теперь содержимое отображается справа от меню, и когда меню заканчивается, содержимое продолжается в меню. В IE7 контент продолжается по прямой, без выравнивания влево. –

Смежные вопросы