Проблем с <div>

[kopura]

Здравейте приятели ,

Имам един проблем , който не ми се бе случвал до сега. Проблемът е следния:

Имам <div id="main">

и в него имам 2 отделни див-а които имат клас "box".
Ето направо код за да стане по ясно и ще постна снимка в какво точно се състои проблема.

<div id="main">
	<div class="box">
	<div class="box_header">За мен:</div>
	<div class="box_content">
				
				Нчкакът текст
	</div>
	</div>
				
	<div class="box">
	<div class="box_header">За мен:</div>
	<div class="box_content">
				
				Нпкакъв текст
	</div>
	</div>
				
				
 </div>

Ето и CSS кода :

[css]
#main {
width:860px;
background:#fafafa;
margin-top:30px;
border:1px solid #000000;
padding:20px;
height:100%;
}
.box {
width:390px;
height:400px;
border:1px solid #000000;
background:white;
float:left;
}
.box_header {
width:390px;
height:30px;
background-image:url("../images/box_head.gif");
background-repeat:no-repeat;
padding-top:3px;
padding-left:10px;
font-size:14pt;
font-family:"Trebuchet MS", Helvetica, sans-serif;
float:left;
}
.box_content {
padding:7px;
float:left;
}
[/css]

А ето и точно какъв е проблема:

Цък

Аз искам този див с ИД "main" да се оразмерява спрямо кутиите, а той не го прави.

Дано сте ме разбрали!
Благодаря предварително.

 

[ivo_pi4a]

#main {
min-width:860px;
height: auto;
background:#fafafa;
margin-top:30px;
border:1px solid #000000;
padding:20px;
height:100%;
}

 

[kopura]

И така не става. Цял ден не мога да се справя с това.

 

[ivo_pi4a]

И така не става. Цял ден не мога да се справя с това.

При мен се оразмери. То така или иначе, ако не си въвел височина (height), то автоматично си я взима auto. Да не би да си пъхнал дивовете в таблица или нещо друго ?

 

[kopura]

И така не става. Цял ден не мога да се справя с това.

При мен се оразмери. То така или иначе, ако не си въвел височина (height), то автоматично си я взима auto. Да не би да си пъхнал дивовете в таблица или нещо друго ?

Хмм , не не съм. Забелязах, че ако махна float:left се оправя.

 

[ivo_pi4a]

Прабвай вместо float:left да го направиш text-align: left;

 

[s_gerrard]

Брей. И аз имам същия проблем с едни секции, които са с float: right; и понякога, когато трябва дива зад тях да се оразмерява спрямо тях не се получава. Ще ми е интересно да видя как ще се реши този проблем

 

[kopura]

Намерих решение. Просто зададох на самия див едно float:left:

[css]
#main {
width:860px;
background:#fafafa;
margin-top:30px;
border:1px solid #000000;
padding:20px;
height:100%;
float:left;
}
[/css]

Давам една точка на @ivo_pi4a за отделеното време и успех на @s_gerrard.
Поздрави

 

[s_gerrard]

Намерих решение. Просто зададох на самия див едно float:left:

[css]
#main {
width:860px;
background:#fafafa;
margin-top:30px;
border:1px solid #000000;
padding:20px;
height:100%;
float:left;
}
[/css]

Давам една точка на @ivo_pi4a за отделеното време и успех на @s_gerrard.
Поздрави

Благодаря, но на мен ще ми трябва повече късмет, защото така не се центрира самия div. Разбира се, аз нали съм си мързелив, сигурно пак ще скоча да ползвам js.

 

[Fakeheal]

Какво съм научила:

СЛЕД КАТО СТЕ ЗАДАЛИ FLOAT ГО ЧИСТЕТЕ, ЗА ДА НЯМАТЕ ПО-НАТАТЪК ПРОБЛЕМИ В СТРАНИЦАТА!

пояснение: чисти се с [css]clear:both;[/css]

 

[shterev]

Какво съм научила:

СЛЕД КАТО СТЕ ЗАДАЛИ FLOAT ГО ЧИСТЕТЕ, ЗА ДА НЯМАТЕ ПО-НАТАТЪК ПРОБЛЕМИ В СТРАНИЦАТА!

пояснение: чисти се с [css]clear:both;[/css]

Не е задължително, ако знаеш какво правиш