Forum PHP.pl > [HTML][CSS]warstwa DIV

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]warstwa DIV - nie działa auto

rwalus

11.02.2009, 21:39:53

Witam. Mam problem dotyczący DIV-a. Sytuacja wygląda tak:

Na stronie jest jeden główny DIV-main, w nim sa 2 obok siebie - lewy i prawy (wysokość jednego dostosowuje sie do drugiego, co widać na rys). W DIV-ie lewy mam jeszcze 3 DIV-y (góra, srodek i dól), DIV-y góra i dół maja określona wysokość. Chcaiłbym aby wysokość DIV-a srodek automatycznie dostosowywała(rozciagała) sie do DIV-a macierzystego (lewy)

Poniżej przedstwiam kod:

[HTML] pobierz, plaintext 
<body>
<br>
<div id="main">
	<div id="lewy">
		<div id="gora"></div>
		<div id="srodek"></div>
		<div id="dol"></div>
	</div>
	<div id="prawy">
	<p>2</p>
	<p>2</p>
	<p>2</p>
	<p>2</p>
	</div>
</div>
</body>
[HTML] pobierz, plaintext

jeszcze CSS:

Kod

BODY {background-color: 18187c; text-align: center; margin: 0; }

DIV{border: 0px solid #333333; margin: 0px;}

DIV#main {width: 610px; height: auto; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden;}

DIV#lewy { background: #FF0000; width: 150px; float: left;}

DIV#prawy {background: #FFF; width: 460px; float: left;}

DIV#gora {background: #FFF url('up.jpg'); width: 150px; height: 30px;}

DIV#srodek {background-color: 18187c; width: 150px; height: auto;}

DIV#dol {background: #FFF url('down.jpg'); width: 150px; height: 30px;}

DIV#lewy,#prawy{padding-bottom: 2000px; margin-bottom: -2000px;}

Prosze o pomoc.

mls

11.02.2009, 21:45:49

Kombinowanie jak to zrobić nie ma zbyt wielkiego sensu. Radzę zainteresować się techniką CSS Sliding Doors do grafiki w tle.

rwalus

11.02.2009, 21:53:32

a jednak będę bardzo wdzięczny za pomoc

drzalek

12.02.2009, 01:55:37

Jeśli dobrze zrozumiałem o co Ci chodzi, to przede wszystkim możesz spokojnie pozbyć się div'a "lewy", bo tak na dobrą sprawę o nic nie wnosi do układu strony. Poza tym z tego co widzę div "lewy" nie dopasowuje się wysokością do prawego...

Ja bym wywalił ten "lewy" i zainteresował się tym tematem

Ciągle jednak nie mam pewności czy dobrze rozumiem Twój problem

rwalus

12.02.2009, 09:59:24

włanie DIV lewy dopasowuje sei idealnie do wysokości DIV-a prawy i odwrotnie, ale te trze DIV-y (góra , dól, srodek) nie rozciagaja sie na całą wysokość DIV-a lewy

drzalek

12.02.2009, 14:07:16

Dopasowuje się idealnie tylko do momentu kiedy "prawy"osiągnie wysokość około 2000px, potem zaczyna się sypać, także nie jest to dobre rozwiązanie, chyba, że masz 100% pewność, że te div "prawy" nigdy nie będzie większy, tak czy inaczej trzeba będzie skorzystać z tematu, który dałem wyżej

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.