Отмена действия float

Есть две колонки сайта, вот верстка:

Лекарство: overflow:hidden; родителю.


Добавьте обёртку и ей overflow:hidden;.

Да.
(Добавление)
Да и не понятно, если честно, в чём задача стоит в целом?
2-3 колоночный макет?
Если нет, то что тогда?))

(Отредактировано автором: 03 Мая, 2012 - 23:28:26)

Поясню, что надо. Сайт имеет две колонки, как в моем первом посте. В правой колонке находятся float-блоки. Под этими float-блоками, например, должны идти другие блочные-элементы, например, div с текстом. Т.к. сверху над дивом идут float-элементы, то див не обращает на них внимание и float-ы залазят на див. Мне не нужно, чтобы на див залезали float-ы. Можно было бы добавить диву свойство clear:both, но я не могу использовать это свойство в правой колонке т.к. левая колонка сайта имеет свойство float:left. Использовать свойство overflow:hidden к тегу ul я также не могу т.к. внутри тегов li находятся всплывающие окна и их попросту обрежет свойство overlow:hidden у тега ul. Поэтому мне нужно придумать аналог clear:both.

Pavelbeginner, есть по два псевдоэлемента у каждого объекта, и еще у свойства clear учть не только параметр both, еще есть none, left, right
Обычно используется псевдоэлемент after для дива-контейнера, ну или создается невидимый див в самом конце контейнера, если так хочется видеть ИЕ8-

(Отредактировано автором: 15 Мая, 2012 - 00:01:51)

Ну да, но предположим, что у нас тогда трехколончатый макет, где 3-яя колонка имеет свойство float:right и тогда clear вообще отпадает.

Pavelbeginner, ну вот каким макаром он отпадает? (в коде в первом сообщении вообще не увидел трехколоночного макета)
Уже готовый вариант читать здесь
Есть блок обертки, в нем сначала(код, если смотреть сверху вниз) идут две колонки, у которых есть флоаты (флоаты всегда должны идти перед тем, что их должно обтекать), потом идет колонка с содержимым и боковыми отступами равными ширине колонок, потом идет либо доп элемент, либо псевдоэлемент after который содержит свойство clear. Или (как в примере по ссылке) clear можно вообще использовать на футере.

Ну просто дофига сайтов с трехколоночным макетом, и проблем нет. А тут какие-то надуманные пробелмы.

P.S. Лучше прочесть про трехколоночный макет по ссылке выше, и несколько раз спецификацию для float и clear

(Отредактировано автором: 15 Мая, 2012 - 02:46:19)

[color=black][/color] Ну я же написал, что "Ну да, но предположим, что у нас тогда трехколончатый макет". Я же писал, что див, на который не должны "залазить" float-блоки, находится внутри средней колонки, а не под колонками. Поэтому внутри средней колонки нельзя использовать свойство clear т.к. правая и левая колонки сайта имеют свойство float:left/right(чем грозит применение clear внутри средней колонки я думаю Вы понимаете). Поэтому мне и нужно придумать аналог clear.
(Добавление)
overflow:hidden также нельзя использовать т.к. из-за этого внутри блока с overflow:hidden нельзя использовать всплывающие окна т.к. при определенных условиях они будут обрезаться.

Нет идей?

Внутрь блока поместить еще один "wrapper" див и в нем флоатить и клерить все что угодно.

-----
Шта? Репозиторий?

Pavelbeginner, прошу прощения - был сонный и неправильно понял.

Итак: несколько вариантов, у всех есть недостатки, но т.к. inline-block не катит, а все новые модули для размещения(layout вылетел из головы русский термин) только в черновиках, то придется чем-то жертвовать.

1) Если макет с двумя колонками - просто clear: right|left (противоположная к обтеканию боковой колонки) у следующего элемента

2) Если точно известно, что все блоки в "одной строке" то просто можно задать высоту для ul.

3) Если известно точное число блоков (т.е. известно какой у него был бы класс right|left)
У последнего элемента убирается класс

Еще один див чем поможет? Он не создает новый блочный поток, поэтому внутри него clear использовать нельзя т.к. левая и правая колонки сайта имеют свойство float

Вот мой вариант, как тебя я понял. Возможно по стилям, я что-то лишнее написал,
но вот я предлагаю свой код.Я правильно понял, так ты хотел расформировать блоки?!
Я хоть форматирую код нормально, читабельный)