Расположение div

[JastinB]

Помогите, не могу расположить дивы согласно этой схемы, всё время что то куда то уезжает

http://s017.radikal.ru/i441/1202/d4/ebb19166ffdb.jpg

и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы

Edited February 19, 2012 by JastinB

[advokatua]

для начала покажи что ты уже сделал.

[Switch74]

таблица ни куда не уезжает обычно, смотри свои стили, возможно она у тебя имеет float или position

расположить можно так:

<style>
*{margin:0px;padding:0px;}
.wraper{width:1000px;}
.in-line{float:left;width:500px;}
#div1,#div2,#div3,#div4{float:left;}
#div1{width:500px;height:50px;background:#666;}
#div2{width:250px;height:200px;background:#444;}
#div3{width:250px;height:200px;background:#222;}
#div4{width:500px;height:250px;background:#000;}

</style>
<div class="wraper">
	<div class="in-line">
		<div id="div1">
		</div>
		<div id="div2">
		</div>
		<div id="div3">
		</div>
	</div>
	<div class="in-line">
		<div id="div4">
		</div>
	</div>
</div>

[psywalker]

и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы

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

p.s. на картине вижу два главных блока, в левом из которых 3 вложенных дива, и один в правом.

[JastinB]

для начала покажи что ты уже сделал.

Что показать? каким образом если это всё находится на локальном сервере.

таблица ни куда не уезжает обычно, смотри свои стили, возможно она у тебя имеет float или position

расположить можно так:

<style>
*{margin:0px;padding:0px;}
.wraper{width:1000px;}
.in-line{float:left;width:500px;}
#div1,#div2,#div3,#div4{float:left;}
#div1{width:500px;height:50px;background:#666;}
#div2{width:250px;height:200px;background:#444;}
#div3{width:250px;height:200px;background:#222;}
#div4{width:500px;height:250px;background:#000;}

</style>
<div class="wraper">
	<div class="in-line">
		<div id="div1">
		</div>
		<div id="div2">
		</div>
		<div id="div3">
		</div>
	</div>
	<div class="in-line">
		<div id="div4">
		</div>
	</div>
</div>

Спасибо всё гуд!

и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы

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

p.s. на картине вижу два главных блока, в левом из которых 3 вложенных дива, и один в правом.

В каждом блоке (кроме большого правого) находится таблица равная 100% ширины блока. Эти блоки находятся в в большом блоке контейнере (как мне подсказали выше) Блок-контейнер находятся ещё в одном блоке с контентом который и не хочет принимать высоту таблиц.

Вот так получается

http://s017.radikal.ru/i400/1202/60/086775930316.jpg

[psywalker]

Вот тут сделай тестовый пример!

[JastinB]

http://jsfiddle.net/fVzLx/

[Switch74]

В каждом блоке (кроме большого правого) находится таблица равная 100% ширины блока. Эти блоки находятся в в большом блоке контейнере (как мне подсказали выше) Блок-контейнер находятся ещё в одном блоке с контентом который и не хочет принимать высоту таблиц.

Вот так получается

http://s017.radikal.ru/i400/1202/60/086775930316.jpg

замени для блоков в которых лежат таблицы height на min-height

[advokatua]

Ясный перец таблица вылазит, у тебя же у DIV фиксированная высота с шириной!

Ставь overflow auto и будет счастье, либо высоту самого DIV-a меняй.

[JastinB]

Спасибо, сделал