Верстка div с float

BV
На сайте с 23.05.2007
Offline
7
871

есть примерно такой код

<div clas="gen">

<div id="menu">тут собственно много строчек</div>
<div id="quot">тут немного текста</div>
тут собственно текст страницы,
очень много текста,
символов 100 :D</div>
</div>

есть таблица стилей


#menu { float:right;}
#quot { float:left;}

задача стоит в том, что бы верхний край дива с цитатой был ниже нижнего края дива с меню (о как завернул :) ), ну и соответственно весь остальной текст это дело плавно обтекал

39 == 0 || 0 == 39?
Polimer
На сайте с 01.09.2006
Offline
84
#1

Не совсем понятен вопрос. Хоть бы эскиз приложили: как надо чтоб было.

Рискну предположить, что вам нужно:

#menu { float:right; clear:left; }

или после <div id="menu" /> вставить

<div style="clear: both;"></div>

Программные решения для бизнеса. (http://frontsoft.ru/) На заказ. Дорого.
S
На сайте с 13.07.2007
Offline
56
#2
be@ver:
есть примерно такой код
<div clas="gen">

<div id="menu">тут собственно много строчек</div>
<div id="quot">тут немного текста</div>
тут собственно текст страницы,
очень много текста,
символов 100 :D</div>
</div>

есть таблица стилей

#menu { float:right;}
#quot { float:left;}

задача стоит в том, что бы верхний край дива с цитатой был ниже нижнего края дива с меню (о как завернул :) ), ну и соответственно весь остальной текст это дело плавно обтекал

Имхо, никак :)

Либо div с цитатой ниже нижнего края И остальной текст идет еще ниже.

Либо не страдаем фигней и делаем через position: absolute :)

BV
На сайте с 23.05.2007
Offline
7
#3
Polimer:
Не совсем понятен вопрос. Хоть бы эскиз приложили: как надо чтоб было.
Рискну предположить, что вам нужно:
#menu { float:right; clear:left; }

или после <div id="menu" /> вставить
<div style="clear: both;"></div>

Большое спосибо, именно то что нужно. (в очередной раз убедился: учиться, учиться и еще раз учиться)

все прекрасно получаеться, но есть одна проблема, внутри текста (которого очень много) есть дивы (заголовочки в дивах), обтекание текста проходит нормально, но дивы имеют примерно такой стиль:

div.title { border-top:4px solid red; border-bottom:1px solid red;}
вот эти линии и налазят на менюшку и цитаты. можно ли победить. или есть другой способ задать такое оформление для заголовков (желательно не стилями самого заголовка)
Polimer
На сайте с 01.09.2006
Offline
84
#4
be@ver:
вот эти линии и налазят на менюшку и цитаты

... долго въезжал...

ну, не знаю. Есть кривой способ, попробуйте так:

div.title { ... ; margin: 0 [ширина блока цитат] 0 [ширина блока меню]}

BV
На сайте с 23.05.2007
Offline
7
#5

пришлось писать стили для заголовков.

решилось вот так:

div.title h1 {
border-top:4px solid red;
border-bottom:1px solid red;
display:inline;
}

всем спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий