Jump to content
  • 0

высота блоков, вертикальные распорки


vadimus
 Share

Question

У меня 3-х колоночный дизайн. Центральная контентная часть выделена цветом и бордером. Некоторые страницы формируются автоматически, и контента маловато. Правая часть значительно длинее.

Раньше, при табличной версте, вставляли невидимую картинку-распорку, с определенной высотой, которая не давала странице делаться меньше.

Есть ли подобные средства в css?

На первый взгляд все довольно просто - указываем div-у height=800px, например, и меньше этого размера div не станет. Есть только одна проблема - мозилла сохраняет высоту, даже есть текста больше. Он просто вылезает поверх контента дальше.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
На первый взгляд все довольно просто - указываем div-у height=800px, например, и меньше этого размера div не станет. Есть только одна проблема - мозилла сохраняет высоту, даже есть текста больше. Он просто вылезает поверх контента дальше.

Для современных браузеров указать min-height, для ИЕ с хаком (или условными комментариями для ИЕ) - явно height

Link to comment
Share on other sites

  • 0

Для IE необходимо просто прописать height, вы невнимательно читал и предыдущий пост -)

IE ошибочно обрабатывает это свойство так, как должно обрабатываться свойство min-height, при необходимости расширяя элемент, чтобы вместить все содержимое.

В принципе если не важна чистота CSS, то можно добавить просто

// height: XXXX;

так как IE игнорирует символы однострочного комментария.

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