[CSS]Problem z div Opcje

[spayk]

Mam taki problem
Div "con" powienien zwiększać swoją wysokość wzależnosci od tego jaki jest najwyższy div w środku
Chodzi o to ze ten div "con" się nie powiększa tzn bynajmniej niewidac tła chyba ze ustawie wysokosc ręcznie.

[HTML] pobierz, plaintext 
<div class="con">
                <div class="box_shop"></div>
                <div class="box_con">
 
                    <div class="box_con_title"><p class="box_con_title"><b>Strona główna</b></p></div>
                    <div class="box_con_info">tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tres</div>
                </div>
 
            </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.con{
width: 1005px;
height: auto;
position:relative;
margin: auto;
background-image: url('images/con_bg.png');
background-position: 44%;
background-repeat: repeat-y;
 
 
}
 
.box_shop{
 
width: 250px;
height: 450px;
background-image: url('images/box_shop_bg.png');
margin: 0 0 0 44px;
 
float: left;
 
}
 
.box_con{
 
width: 680;
 
 
background: #fff;
float: left;
margin: 0 0 0 26px;
 
}
 
.box_con_title{
width: 624px;
height: 50px;
background-image: url('images/title_bg.png');
background-position:left top;
background-repeat: no-repeat;
 
 
}
p.box_con_title{
padding: 17px 0 0 30px;
font-size: 15px; 
color: #fff;
 
}
.box_con_info{
width: 624px;
font-size: 12px; 
color: #000;
background: #fff;
margin: 12px 0 0 10px ;
 
}
[HTML] pobierz, plaintext 

Prosze powiedizec co jest nie tak

[kokers]

Zrób np tak dodaj jeszcze jeden div przed con:

[HTML] pobierz, plaintext 
<div id="kontener"><div class="con">
				<div class="box_shop"></div>
				<div class="box_con">
 
					<div class="box_con_title"><p class="box_con_title"><b>Strona główna</b></p></div>
					<div class="box_con_info">tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tres</div>
				</div>
 
			</div>
</div>
[HTML] pobierz, plaintext 

a CSS będzie wyglądał tak:

[HTML] pobierz, plaintext 
#kontener{
  margin:0 auto; 
  width:1005px;
}
 
.con{
width: 1005px;
height: auto;
position:relative;
margin: auto;
background-image: url('images/con_bg.png');
background-position: 44%;
background-repeat: repeat-y;
 
float:left
 
}
[HTML] pobierz, plaintext 

dla .con dodane zostało float:left.

i polecam używać lorem ipsum do wypełniania tekstów

Ten post edytował kokers 19.10.2010, 18:53:42

[spayk]

działa thx
o co chodzi z lorem ipsum możesz dac jakis link ?

[kokers]

lipsum

To taki generator bloków tekstowych, np 10 paragrafów który nic nie znaczy. Wypełnia przestrzeń przeznaczoną na tekst i można zobaczyć jak to wygląda.