css float

[E-mail]

если я пишу:

<div style=float:left>
1
</div>
<div>
2
</div>

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

вопрос, как разрешить облегание вторым слоемем первого только по правому краю и запретить облегать по нижнему краю, своего рода nowrap..

[VeshchiyOleg]

вопрос, а зачем???
гораздо проще сделать это (если нужно именно это) посредством таблицы

[strejiok]

хм.. если фиксирована высота, положить эти два дива в третий..

[E-mail]

VeshchiyOleg ага в этом то и юмор, найти легкий путь - умеют все;)

strejiok это ничего не меняет, при уменьшении окна, второй слой прыгает под первый..

[Vlad Drakula]

E-mail
или верстка на абсолюте или таблица...
или у Артемия Лебедева гдето была об этом статья.

[E-mail]

Vlad Drakula хм, на обсолюте, а можно пример, если он выполнит все мои требования это будет интересно и я буду багадарен:)

[CTEPBA]

У меня тоже много проблем с этими DIV особенно в разных блаузерах, у меня такоей вопрос:
Когда в DIV вставляешь картинк и делаешь граници блока другого цвета, то картинка выходит за граници блока, а он заканчиваеться как только заканчиваеться текст и подводит черту раници(border). Как сделать чтобы он захватывал и картинку тоже??

[Prisoner]

CTEPBA, Вам сюда (http://webhelp.ru/#writewell), имхо.

[E-mail]

CTEPBA
возможно, размер дива указан жестко и меньше размера картинки?
давайте код..

[CTEPBA]

код очень прост, у меня блок с классом :.

.view
{padding:10px;
text-align:justify;}

и всё, потом в блок ставишь картинку и толку 0

[E-mail]

вставляешь картинк и делаешь граници блока другого цвета
код

[CTEPBA]

Так вот это в HTML документе:

<div class="home">
<div class="shapka" style="background-image:url(../img/new_shapka.gif); background-repeat:repeat-x;">
<div class="news_name"><b>New1</b></div>
<div class="news_date"><b>DATE</b></div>
</div>
<div class="view">
<img src="../img/book/1144095776_DProf000.jpg" align="left" style="padding-right:10px; padding-bottom:10px" />Здесь текст
</div>
</div>


Вот что в CSS:

.home
{border-left:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
margin-bottom:30px;
padding:0px;
clear:right;}

.shapka
{height:20px;
color:#000000;
font-style:inherit;
margin-left:0px;}

.view
{padding:10px;
text-align:justify;}

Вот все что нужно.
Гнаницей блока с классом home ограничивается только текст, а если картинка больше текста она выступает.