Переносятся элементы в div'е при сужении окна.

[Flake]

Здравствуйте.

В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.

[Whatsup]

Здравствуйте.

В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.

Сделать процентную размерность

У главного дива 100 % у вложенных по 33 %

[Flake]

Сделать процентную размерность

У главного дива 100 % у вложенных по 33 %

У меня фиксированный размер всех дивов.

[Whatsup]

У меня фиксированный размер всех дивов.

сделать скрол и главного дива overflow: auto

[s0rr0w]

У меня фиксированный размер всех дивов.

Поставьте ширину контейнеру.

[Flake]

сделать скрол и главного дива overflow: auto

а причем тут скрол?

<div id="header">
	 <div style="height: 118px; width: 397px; float: left;"><img src="img/2str_logo1.jpg" alt="" border="0" width="397" height="118"></div>
	 <div style="height: 118px; width: 406px; float: left;">
		  <div style="height: 26px; width: 406px;"><img src="img/2str_top1.jpg" alt="" border="0" width="406" height="26"></div>
		  <div style="height: 27px; width: 406px;">
			   <div style="height: 27px; width: 29px; float: left;"><img src="img/2str_home.jpg" border="0" width="29" height="27"></div>
			   <div style="height: 27px; width: 30px; float: left;"><img src="img/2str_mail.jpg" border="0" width="30" height="27"></div>
			   [color="#FF0000"]<div style="height: 27px; width: 347px; float: left;"><img src="img/2str_top2.jpg" border="0" width="347" height="27"></div>[/color]
		  </div>
		  <div style="height: 65px; width: 406px;"><img src="img/2str_top3.jpg" alt="" border="0" width="406" height="65"></div>
	 </div>
	 <div style="height: 118px; width: 221px; float: left;"><img src="img/2str_top4.jpg" alt="" border="0" width="221" height="118"></div>
</div>

который красным уезжает

[Whatsup]

а причем тут скрол?

При том что если при уменьшении и нехватки места в главном блоке он просто будет скролить.Лево право.А не переносить на другую строку.

И научись выделять как ты говоришь красным.Не вижу

[Flake]

При том что если при уменьшении и нехватки места в главном блоке он просто будет скролить.Лево право.А не переносить на другую строку.

Так мне не надо чтобы див скролился внутри себя, а просто появлялась прокрутка горизонтальная в браузере.

А красным не выделяется что-то в коде, там этот див с начинается.

[Whatsup]

Так мне не надо чтобы див скролился внутри себя, а просто появлялась прокрутка горизонтальная в браузере.

А красным не выделяется что-то в коде, там этот див с начинается.

Хм.Ты отвечаешь сам на свой вопрос.

body{overflow: auto;}

[s0rr0w]

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

[kalyaka-malyaka]

А красным не выделяется что-то в коде, там этот див с начинается.

*поперхнулась чаем* так он же КОД. как написано, так и отображает, не преобразовывая.

[Zippovich]

рассчитайте точно сумму width-ов 3-х дивов, что бы она совпадала с width общего слоя, тогда ничего прыгать не будет

учитывайте margin и padding, например: .div1 {width: 108px; padding: 0 10px} => общий width будет 128px

как вариант можете для 3-х слоев поставить overflow: hidden, бывает что контент растягивает слой автоматом, например в ИЕ

Edited December 12, 2008 by Zippovich

[Vlad]

http://htmlbook.ru/faq/?a=53