POMAH
-
Posts
4 -
Joined
-
Last visited
POMAH's Achievements
Explorer (1/14)
0
Reputation
-
Ничего лучшего не нашёл и пришлось использовать expression, пусть не работает у тех у кого отключен JS, это уже не моя головная боль, вот кому надо код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Каркас</title> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } html, body { width: 100%; height: 100%; overflow: hidden; } .header { height: 60px; background: #ffd700; } .content { position: absolute; width: 100%; top: 60px; left: 0; bottom: 60px; right: 0; height: auto; _height: expression(document.documentElement.clientHeight - 121 + 'px'); /* IE6 */ overflow: auto; } .footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: #ffd700; } </style> </head><body> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </body></html>
-
Ну можно .header без абсолютного позиционирования сделать, суть не в этом, а в том что, когда в центральном div-е контента много то сам блок расстягивается и уходит под .footer и за пределы экрана, это в IE 6, а в остальных браузерах всё норм блок растягивается из-под .header-а и до .footer и появляется скролл, а при прокрутке контента верх и низ они на месте стоят, а центр как ему и пологается прокручивается. Суть в том, как без JS растянуть его от сих до сих, а именно от .header до .footer извиняюсь за повторный вопрос. Пробывал всякие фичи типа: .content { height: auto !important; height: 100%; } не помогает.
-
А разве без него никак? Если я не ошибаюсь, он, а именно expression, через JS работает, а если JS выключен то и работать не будет (((
-
Здравствуйте! Такая проблемма, верстаю каркас на div-ах, всё отлично во всех браузерах, кроме упрямого IE 6 не могу добиться чтобы контент в центральном div-e растягивался от верхнего div-а до нижнего и соответственно появлялась прокрутка. Подскажите как можно исправить такую проблему ведь height: auto отсутствует у IE 6, пробывал разные ухищрения, но без толку, вот код страницы, вставьте в центральный блок текст так чтобы появился скролл и увидите, что IE 6 никак не хочет правильно работать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Каркас</title> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } html, body { width: 100%; height: 100%; overflow: hidden; } .header { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: #ffd700; } .content { position: absolute; top: 60px; left: 0; bottom: 60px; right: 0; height: auto; overflow-y: scroll; } .footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: #ffd700; } </style> </head><body> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </body></html>