Jump to content
  • 0

высота div 100% - не выходит каменный цветок :(


maritca
 Share

Question

Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php

Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): nsS8ZzwrTSU.jpg

Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню.

В общем, пока я не придумала ничего лучше. чем задать ему position absolute и top 300px. Я так понимаю, что при таком раскладе сделать высоту этого дива 100% от высоты окна не получится. Сейчас там высота 170%. При небольших по высоте страницах всё работает относительно нормально. И вообще мне непонятно, эти указанные мной 170% исчисляются от чего? Что берётся за 100%, если не окно браузера с контентом? Как быть?

Edited by maritca
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Вы все ссылки посмотрите — там много способов. Но всё-таки самый простой способ, подходящий в этом случае — с отступами и overflow http://jsfiddle.net/villard/wSD28/

Или display: table, если IE7 не нужен.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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