Руслан в рубрику HTML и CSS

Вопрос: Очистка потока clear:both

Случилась вот такая проблема, сверстал сайт из трех колонок, и если в средней колонке я использую clear для элемента, то он растягивается в низ по высоте самой длинной правой или левой колонки. Исправить получается только если задать для блока фиксированную высоту, но это не очень удобно. Как можно решить такую проблему?

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 5

Grin
Если честно, то первое, что приходит на ум — пересмотреть верстку. Возможно, не нужно будет использовать clear: both. Скажем, вы можете сделать верстку через position, а не через float.
#
Grin
Руслан
Момогло использование свойства clear:left, хоть я так и не понял почему все сложилось именно так.
#
Руслан
Grin
Руслан, ты просто сделал то же самое, что и clear: both, только для одного направления ;-)
#
Grin
Руслан
Я это прекрасно знаю :), мне просто интересно почему когда очищаешь поток с двух сторон происходит такая лажа, а когда тока с левой то все в порядке.
#
Руслан
Vect0r
можно попробовать для центральной колонки указывать display: inline-block или display: table. Но надо тестить для всех браузеров.

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler