Forum PHP.pl > [CSS]Problem z rozciąganiem diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Problem z rozciąganiem diva

mital

28.06.2008, 19:20:15

Mam taki problem, robię layauta:

CODE

<div id="nmainbox"> 

			<div id="nlewy"><? include ('szablony/nlewy.php');?>
			</div>

			<div id="nsrodek">środek
			</div>

			<div id="nprawy"><? include ('szablony/nprawy.php');?>
			</div>

</div>

więc w głownym kontenerze mamy 3 inne kontenery obok siebie (dla lewego menu, tresci, prawego menu)

problem w tym, iż gdy np prawe menu rozszerzy się poza wysokość konteneru, to wychodzi poza niego.
Problem dotyczy tylko Firefoxa, w IE7 jest ok.

Jak to zrobić, by było uniwersalne? Chodzi mi o rozciąganie w pionie - czyli jak wysokość potomka NLEWY, NSRODEK, NPRAWY się zwiększy ponad wysokość NMAINBOX, to żeby NMAINBOX również się rozciągnął

oto style

CODE

#nmainbox
{
 width:971px;!important;
 width:971px;
 max-width:971px;
 height:auto !important;
 height:300px;
 min-height:300px;
 vertical-align:top;
 background-image:url(szablony/graf/nsrodek.JPG);
 background-repeat:repeat-y;
 
}
#nlewy
{
 float:left;
 background-color:#AC5E23;
 width:160px;
 position:relative; left:3px;
 display:inline;
}
#nsrodek
{
 float:left;
 background-color:#FFFF23;
 width:648px;
 display:inline
}
#nprawy
{
 float:left;
 background-color:#AC5E23;
 width:160px;
 height:auto;
 display:block;
}

piotrooo89

28.06.2008, 19:24:18

spróbuj użyć % np:

[HTML] pobierz, plaintext 
#nlewy
{
float:left;
background-color:#AC5E23;
width:20%;
position:relative; left:3px;
display:inline;
}
#nsrodek
{
float:left;
background-color:#FFFF23;
width:80%;
display:inline
}
#nprawy
{
float:left;
background-color:#AC5E23;
width:20%;
height:auto;
display:block;
}
[HTML] pobierz, plaintext

mital

28.06.2008, 19:27:17

no, ale chodzi mi o rozciągnięcie w pionie, w poziomie nie ma możliwości rozciągnięcia się

piotrooo89

28.06.2008, 19:29:59

no to overflow: auto;

mital

28.06.2008, 19:32:31

OK dzięki, pomogło

dla tych co szperają potem w achiwum, dodam, że overflow:auto, trzeba dodać w kontenerze głównym

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.