Jump to content

POMAH

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by POMAH

  1. Ничего лучшего не нашёл и пришлось использовать 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>
  2. Ну можно .header без абсолютного позиционирования сделать, суть не в этом, а в том что, когда в центральном div-е контента много то сам блок расстягивается и уходит под .footer и за пределы экрана, это в IE 6, а в остальных браузерах всё норм блок растягивается из-под .header-а и до .footer и появляется скролл, а при прокрутке контента верх и низ они на месте стоят, а центр как ему и пологается прокручивается. Суть в том, как без JS растянуть его от сих до сих, а именно от .header до .footer извиняюсь за повторный вопрос. Пробывал всякие фичи типа: .content { height: auto !important; height: 100%; } не помогает.
  3. А разве без него никак? Если я не ошибаюсь, он, а именно expression, через JS работает, а если JS выключен то и работать не будет (((
  4. Здравствуйте! Такая проблемма, верстаю каркас на 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy