Дизайн и Верстка > Всё о Html

float, проблема

(1/2) > >>

vg2k:
Как избавится от пустых промежутков не знаете ? А то этот float работает как тетрис =) float: left кидает как бы эти блоки справа налево. А нужно бы их еще снизу "поднимать"
Я тут строил тейблами, но это не принципиально...


--- Цитировать ---




.tmp {
float: left;
width: 150px;
border: solid 1px black;
background: #cccccc;
}




abc abc
abc
abcsadgafg sa a sd
abc
as  sf рывар sdfh sf sfdhs пары пbc
abc
a sg sgf sgh sgf sgf sgf s gbc
abc
a sg sc
abc
a sg sf sgf sgf s gbc
abc
a sg sf sgf sgf
abc
a sg sf sgf sgf
abc abc
abc
abcsadgafg sa a sd
abc
as  sf рывар sdfh sf sfdhs пары пbc
abc
a sg sgf sgh sgf sgf sgf s gbc
abc
a sg sc
abc
a sg sf sgf sgf s gbc
abc
a sg sf sgf sgf
abc
a sg sf sgf sgf
abc
a sg sf sgf sgf
abc abc
abc
abcsadgafg sa a sd
abc
as  sf рывар sdfh sf sfdhs пары пbc
abc
a sg sgf sgh sgf sgf sgf s gbc
abc
a sg sc



 
--- Конец цитаты ---


http://rapidshare.de/files/23678371/float.jpg.html
Помечено красными крестиками, собственно, что мешает. На месте крестиков должны быть следующие тейблы... вроде бы такое реально сделать, вот только как.

Чур не предлагать таблицой с фиксированным количеством колонок. В том и задумка, дабы они занимали всю свободную область в ширину и не зависели от .

CGVictor:
vg2k
Пока ты их ничем не разделишь - никак.
Вариант 1 - по-колоночно загнать в div,
Вариант 2 - таблица с колонками, width="100%" раз тебе угодно

vg2k:
CGVictor хм, то есть в любом случае колонки нужно делать...

А то ведь в чем задумка была, так это сделать выдачу товара(например). Особенности: блок(в моих примерах это table тут) каждого товара в высоту может различаться в несколько раз. Да еще хотелось учитывать различия в разрешения экрана т.е. не столько разрешении экрана, сколько "площади" окна браузера. Больше разрешение -> больше колонок т.к. ширина блоков одинакова.

CGVictor:
vg2k
Работающую реализацию такого я пока только на flash видел.
Теоретически можно такое сделать и на JS. Надо блоки формировать динамически и оптимизировать размещение на доступной площади. Геморройно...

vg2k:
CGVictor  вот только как далеко поисковики пошлют после такие страницы на js =)

Навигация

[0] Главная страница сообщений

[#] Следующая страница