Коментарі до div vs table: проблема з колонками

Від: Bohdan

Bohdan — Sun, 29 Jan 2012 10:16:25 +0000

Ну там і йдеться про випадок, коли блоки нерівномірної висоти. Ідея в тому щоб незалежно від висоти речі, що йдуть в одному рядку, не вискакували куди не треба. Наступний рядок починається на рівні найнижчого краю якогось з блоків.
P.S. Я вгорі переписав синтаксис.

Від: Анатолій

Анатолій — Sun, 29 Jan 2012 02:01:51 +0000

Ок. А що до ситуації, коли перший блок буде за висотою більший ніж два четвертих у сумі?

Від: Богдан Гдаль

Богдан Гдаль — Sun, 06 Sep 2009 16:05:27 +0000

До речі, до юзера zolotoy. clearfix нажаль гірше себе поводить в цій ситуації..

Від: Богдан Гдаль

Богдан Гдаль — Sun, 06 Sep 2009 16:04:10 +0000

Ваше рішення не стосується ситуації, яка викладена у мене. Бо у вас li-блоки сталої висоти. У мене приклад протилежний. Тому Ваше “робоче рішення” цю проблему не вирішує.

Від: Стас

Стас — Sun, 06 Sep 2009 16:00:06 +0000

Ось робоче раішення:
http://www.kosivart.com/index.cfm/fuseaction/wallpapers.main/

Від: Богдан Гдаль

Богдан Гдаль — Sat, 09 May 2009 16:58:34 +0000

@ zolotoy:
Дякую за додаткові поради

Від: zolotoy

zolotoy — Sat, 09 May 2009 16:39:51 +0000

Вам пощастило, що clear:both допоміг
На тему колонок з float-ами є безліч постів, в яких описують як побороти цю проблему.
В основному використовують таке рішення:

.clearfix:after {
content: “.”;
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

Від: Лисичка

Лисичка — Sun, 08 Feb 2009 02:14:02 +0000

Навіть не намагаюся це зрозуміти, хіба за півтора метри підглянути в монітор:-)

Від: Богдан Гдаль

Богдан Гдаль — Sun, 25 Jan 2009 21:35:36 +0000

@ podarok:
Про стилі я знаю.. То для простоти розписав.. я пишу все в .css

Про стовпці можна, але коли ти хочеш, шоб рядки починалися на одному рівні, то шо робити.. Взагалі ідеально було би найти шлях, щоби алгоритм стилю був для всіх однаковий. Щодо min-height та max-height, я це використовував, але ця річ так само не дає відповіді на потреби, коли тобі не тре мати блоки однакової висоти, або ти не можеш спрогнозувати їхню висоу взагалі…

Від: podarok

podarok — Sun, 25 Jan 2009 21:31:08 +0000

class=”left”

css
.left{
float:left;
}

Не використовуй inline стилі – пожалкуєш.

А можна стовпці взяти в свої div і тоді взагалі не буде зв’язку при зміні висоти. Аналогічно до газетної верстки. КОнтроль висоти можна робити через min-height max-height, а текст