Запрет на обтекание float’ов

21 сентября 2008

Несколько способов достичь подобной картинки: текст имеет одинаковый отступ.

Решение Дмитрия Лялина

Решение Gordi

Решение Алексея Рыбакова

Решение Юрия Артюха

CSS
float

Комментарии RSS по email OK

№613

Dimox 22 сент. 2008 г., 0:47:21

"Мое" решение - это не мое. На зарубежном блоге подсмотрел :) Зря, наверное, источник не указал.
№614

Максим Сябро 22 сент. 2008 г., 7:41:56

А можно добавить кнопку post to delicious к постам? Было бы удобно.
№615

Дима Михайлов 22 сент. 2008 г., 9:17:20

Решение от Юрия “akella” Артюха — http://cssing.org.ua/2005/07/03/display-table/ (в 2005 году ещё была эта заметка :)
№616

Sam 22 сент. 2008 г., 12:22:53

Максим Сябро

Добавьте идею к reformal (кнопка справа). Если будет достаточно голосов — сделаю.

Dimox

Ещё не поздно указать ;)

Дима Михайлов

Повторение — мать учения. Вообще полезно перечитывать CSSing иногда…
№617

Dimox 22 сент. 2008 г., 12:37:50

Sam, поправь текст ссылки: не Дмитрия Артюха, а Юрия :) Кстати, именно его пример я когда-то прочитал и затем практиковал всегда.
№618

Sam 22 сент. 2008 г., 16:26:12

Dimox

Спасибо :)
№619

gordi 22 сент. 2008 г., 17:30:05

Изначально, у меня проблема была несколько иная :)

И больше всего напрягало, что нет обтекания, но и такой вариант, оказывается кому-то нужен :)

А так в принципе, все один в один, как у Dimox
№621

Shimon 22 сент. 2008 г., 20:18:27

A vot kakoi koncept poluchilsya etoi vesnoi u menya:

http://www.chossonandkallah.com/20/category.html

Odno otlichie - izobrazhenie vsegda idet poslednim elementom.
№622

Sam 23 сент. 2008 г., 12:23:23

Shimon

Будет работать только когда ширина блока, в котором находится изображение, фиксирована.
№624

Shimon 23 сент. 2008 г., 18:23:34

Verno, no eto ne protivorechit idee, k tomu zhe nekotorye idei predstavlennye zdes' tak zhe zavyazany na znanii dliny bloka i izobrazheniya.
№1575

Anstak 15 мая 2009 г., 16:22:03

Лучший способ - задать элементу display:table; а потом для IE6 - _height:0; а для IE7 zoom:1; Работает везде.