can3p (can3p) wrote,
can3p
can3p

Метод Equal height columns и Opera

Для того, чтобы растянуть фон блока визуально на высоту родительского блока обычно используется метод, основная суть которого заключается в следующем: родительскому блоку задается

.parent
{
   overflow:hidden;
}

Дочерним блокам, которые нужно визуально растянуть, задается большой padding и равнозначный отрицательный margin, в результате фон растягивается, а лишняя часть обрезается засчет родительского блока.
Можно задать например так:

.child
{
   padding-bottom: 37000px;
   margin-bottom: -37000px;
}

У этого метода есть недостатки, но тем не менее он очень полезен и удобен. Верстая очередной макет, обнаружил, что в опере это метод срабатывает, только если внутренние блоки - плавающие. Иначе колонки разгоняет по высоте несмотря на overflow: hidden;.
Соответственно, для починки нужно задать

.child
{
   float: left;
}

Оригинал: http://blog.dpetroff.ru/tech/equal-height-columns-in-opera
Tags: background, css
Subscribe

  • Про Сенегал

    В феврале на две недели сгонял в Сенегал. Всегда хотелось попасть в Африку за пределами Египта, но сам я все не решался, а тут компания подобралась,…

  • Метды отъема денег у населения

    Ужинали в ресторане, принесли счет в итоге, прибежала барышня, быстро нас рассчитала и убежала. Сфокусировавшись на сдаче, мы поняли, что не…

  • Братислава - Хедервар

    Был короткий участок по словакии. Словаки сделали уж кольцевую трассу, широкую, с отбойниками и прочим. По сравнению в венграми и австрийцами…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 2 comments