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

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

Богдан Гдаль — 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

Ось робоче раішення:

www.kosivart.com/index.cf...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, а текст