Повністю гумова верстка в div (є 2 рішення)

  • CSS
  • HTML

Чи є якась можливість, без використання скриптів зробити таке:

[Гумовий DIV, розтягується від вмісту] [Гумовий див, який займає все місце, що залишилося]

Детальніше: Потрібно зробити так, щоб один з блоків займав стільки простору, скільки йому потрібно, щоб відобразити всі свої inline і block елементи (Немає їх? Окей, ширина 0). А інший блок розтягувався на всю ширину простору, що залишилося.

Схожі, але не підходящі варіанти:


Причина: фіксована ширина першого дива


Причина: Другий див залазить під перший


Причина: Працює саме так, як потрібно, але IE6 не розуміє дане значення.

MTonly tanalin.com/projects/display-table-htc/
Спосіб: емуляція властивості display: table; за допомогою розширення .htc

Спасибі, але gроблема в тому, що він відображає свій background під першим дивом.
І якщо спробувати всередині нього робити діви, вони так само лізуть під перший див.

Якщо використовувати ваш метод, то доповню питання: як зробити в другому діві окремий background?
А краще повністю відокремити його від першого дива, щоб внутрішні елементи теж не лізли під перший див.

Івіняюсь, але напевно спав погано - не зрозумів питання. У чому проблема, діви в другому діві під перший лізуть? Ну ще один зробив (жовтий), все нормально.

Схожі статті