флоаты

mini · September 21, 2009

Добрый всем день. Вот хочу что бы вы поделились опытом верстки.

есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался?

я делаю так:

- или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней;

- или следующему блоку clear:both;

кто ещё какие способы знает?

psywalker · September 21, 2009

Добрый всем день. Вот хочу что бы вы поделились опытом верстки.
есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался?
я делаю так:
- или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней;
- или следующему блоку clear:both;
кто ещё какие способы знает?

Однозначно делаю следующим образом: Стараюсь оборачивать флоатовые блоки в общий контейнер и прописываю им overflow: hidden; - для хороших браузеров и zoom: 1; - для ИЕ6. Работает безотказно, поверь :blink:

mini · September 21, 2009

Однозначно делаю следующим образом: Стараюсь оборачивать флоатовые блоки в общий контейнер и прописываю им overflow: hidden; - для хороших браузеров и zoom: 1; - для ИЕ6. Работает безотказно, поверь

Да я это знаю, когда то видел Ваше сообщение вы там так и указывали

ещё есть идеи?

Justnewone · September 21, 2009

Да я это знаю, когда то видел Ваше сообщение вы там так и указывали
ещё есть идеи?

а у Вас?

rome.ro · September 21, 2009

Я вообще туго понмаю, что значит "нормально отображался". Если построить три блока и всем им задать float: left; , то они и будут отображаться - один за другим в одной строке. В чем проблема?

mini · September 21, 2009

Я вообще туго понмаю, что значит "нормально отображался". Если построить три блока и всем им задать float: left; , то они и будут отображаться - один за другим в одной строке. В чем проблема?

вот посидел, похардкодил немного? вот мой код решите проблему, <div class="left nobg">left</div> без БГ ,почему он синий???? и в ие6 посмотрите как отображается

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<style>

.left {float:left; width:200px; background:#0000CC; color:red;}

.nobg {background:none;}

.bottom{width:600px; background:#0000FF; padding:50px 0 0;}

</style>

<div class="bottom">bottom_header</div>

</body>

</html>

а у Вас?

у меня да, только для ие6 не работает :blink: ((((, просто ещё хочу услышать решения этой проблемы

Edited September 21, 2009 by mini

Sign In

флоаты

Question

mini

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

rome.ro

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information