HoUsEzlat
-
Posts
2 -
Joined
-
Last visited
HoUsEzlat's Achievements
Explorer (1/14)
0
Reputation
-
psywalker! Спасибо, посмотрел, поковырялся. Как я понял, там изначально другой алгоритм блоков. Дело в том, что моя вёрстка уже готова и я её уже прикрепил к сайту http://vipzlat.flexites.org/. Нужно просто исправить баг для IE 6, чтобы ширина рабочей области сайта в нём тоже менялась от 1024 до 1240, как и во всех других браузерах. Я просто при вёрстке скопировал её на начальном этапе, чтобы потом можно проще было вникнуть в косяк IE 6, без лишнего кода. А сейчас просто провожу комплексную отладку вёрстки и не могу победить IE 6.0
-
Верстка правильно отображается в FifeFox 3, IE 7.0, Opera 9. А вот в IE 6 не могу добиться правильного отображения. Верстка должна тянуться до ширины 1150px, а потом слева и справа появляется белые равные отступы. Т.е. под всеми браузерами, кроме IE 6 срабатывает "max-width: 1150px;". Сколько не бился с "width: expression()" под IE 6, требуемого результата не получается. Просьба к профи помочь. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type" /> <style type="text/css"> html, body, #wrapper { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; } html>body, html>body #wrapper { height: auto; max-width: 1150px; } body { max-width: 1150px; margin: 0 auto; } div#wrapper { position: absolute; background: #d5d5d5; } #header { position: relative; z-index: 500; width: 100%; height: 187px; background: green; } #headcontent { height: 187px; margin-left: 250px; position: relative; } #sidebar { width: 180px; float: left; padding: 10px; background: #aaa; } #content { margin-left: 200px; padding: 10px; background: yellow; } .clear { clear: both; margin: 0; padding: 0; } #footer { clear: both; bottom: 0; left: 0; width: 100%; height: 78px; overflow: hidden; background: red; } #footerContent { padding: 10px; } #main { margin: 0; padding: 0; } /* \*/ * html #footer { position: absolute; } * html #main { padding-bottom: 80px; } /* \*/ head:first-child+body div#footer { position: absolute; z-index: 0; } head:first-child+body div#main { padding-bottom: 80px; } </style> </head> <body> <div id="wrapper"> <div id="header"> <div id="headcontent"> Основное меню </div> </div> <div id="main"> <div id="sidebar"> Левое меню </div> <div id="content"> Контент </div> <div class="clear"></div> </div> <div id="footer"> <div id="footerContent"> Подвал </div> </div> </div> </body> </html>