Как Очистить Float:left Для Конкретного Блока

@Poveritov · Регистрация: 10.03.2011

Author24 — интернет-сервис помощи студентам

Здравствуйте, кто сталкивался с подобного рода вопросом.
Верстаю на div'ах необходима команда в css, которая будет отменять float:left для определенного блока, в чем суть задачи

Имеется блок #left {float:left} которого обтекает блок #content
В блоке контант имеется еще два блока один #menu{float:left} другой его обтекает #menu2 так вот после того как обтекание #menu завершено Блоком #menu2 я вставляю дополнительный блок для очистки #clear{clear: both;} . Возникает следующая проблема, что очищается не только блок #menu но и #left

Подскажите, как применить отмену clear: both; только для блока #menu

P.S. Описание

CSS

#left{
float:left; /*left позиционирует слева */
}
 
#content{
margin-left:100px; /*этот блок обтекает блок left справа */
}

в блоке #content содержится еще два блока

CSS

#menu{
float:left; /*menu позиционирует слева */
}
#menu2 {
margin-left:10px; /*Отступ от #menu на десят вправо */
}

далее
когда завершилось обтекание menu2 я ставлю еще один блок #clear{clear:both;}
но вместо того чтобы следующие записи продолжить ниже #menu и #menu2 Блоков, запись располагается ниже #left , получается что #clear срабатывает не только для #menu но и для #left

@Alorian · 10.03.2011, 08:06

Poveritov, убери #clear{clear:both;}. Присвой #menu2{clear:right;}

@Poveritov · 10.03.2011, 15:07 **[ТС]**

Alorian, спасибо, с этим разобрался, но вот применить к своему примеру не могу, мне мешает только одна команда в css файла style1.css

CSS

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
   clear:both;
    content: " ";
 
}

я этот пример скачал, и мне его нужно адаптировать под свой проект
Я прикрепил файл, можешь взглянуть, вдруг знаешь ошибку?

Там используется jquery для табов, и вот слева имеется колонка текста, а рядом необходимо расположить контент табов, так вот проблема возникает во всех браузерах кроме IE, нижняя граница располагается после всего текста а ее нужно поднять вместе с текстом ниже после табов

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	10.03.2011, 08:06	2
	Poveritov, убери #clear{clear:both;}. Присвой #menu2{clear:right;} 0

	10.03.2011, 15:07