Forum PHP.pl > dopasowanie wysokosci

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

hmmm

20.02.2005, 11:22:33

podobny temat zamiescilem juz na podforum html/xhtml, no ale odeslano mnie tutaj w celu poszukiwan, ktore jednak zakonczyly sie fiaskiem.

mam cos takiego:
ramka zewnetrzna, a w niej trzy poziome <div>: gora, srodek i dol.
gora i dol, maja okresolna, stala wysokosc, natomiast chcialbym, zeby srodek zawsze dopasowywal sie tak, by calosc stanowila 100%.
jak to zrobic?

cim

20.02.2005, 17:08:47

nie do końca rozumiem...

ale skleciłem coś takiego - może pomoże

[HTML] pobierz, plaintext 
<table style="width: 300px; height: 400px;">
<tr>
<td style="width: 300px; height: 400px; background-color: red; vertical-align: top;">
 
<div style="height: 100px; background-color: gray;">gora</div>
<div style="height: 100%; background-color: silver;">srodek</div>
<div style="height: 100px; background-color: gray;">dol</div>
 
</td>
</tr>
</table>
[HTML] pobierz, plaintext

hmmm

20.02.2005, 18:10:05

@cim, no niestety. nie o to mi chodzilo, a poza tym - nie dziala nawet to, co chyba ty chciales osiagnac - nie widac dolu, co srodek go przykrywa.

mi chodzi o cos takiego:

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<body>
 
<div id="ramka">
 
	<div id="gora">
	gora
	</div>
 
	<div id="srodek">
	srodek
	</div>
 
	<div id="dol">
	dol
	</div>
 
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

prosze tylko nie zwracac uwagi na cos takiego, jak brak deklaracji, ale chcialem zobrazowac.

gora i dol maja okreslona wysokosc - iles tam px. natomiast srodek zawsze ma sie dopasowywac tak, zeby calosc stanowila 100% wysokosci, bez wzgledu na rozdzielczosc.

:D

piszac to wpadlem na pomysl - za pomoca js sprawdzam rozdzielczosc i zapisuje wysokosc w jakiejs zmiennej. potem przy pomocy np. php obliczam wysokosc srodka odejmujac od wysokosci wartosci gory i dolu.
w ten sposob zawsze bede mial 100% :]

co wy na to? dobry pomysl?
czekam na opinie i inne pomysly.

Yarecki

20.02.2005, 18:25:56

Na http://zeldman.com/ prawy panel (zielony) jest rozciagniety tak jak chcesz. Teraz tylko musisz sprawdzić jak to Zeldman osiągnął.

BTW. Może ustaw z-index'y i skożystaj z rozwiązania cim.

hmmm

20.02.2005, 19:12:36

tzn z rozwiazania @cim chyba nie moge skorzystac - tak mi sie wydaje, bo nawet ustawienie z-index nie da mi oczekiwanego efektu. bo tam jest przeciez czesc srodkowa z okreslona wysokoscia, wprawdzie w procentach, ale jezeli dam 100% a potem dla dolu utawie z-index, zeby bylo na wierzchu, to zakryje mi z kolei jakas czesc srodka :/
poza tym chce, zeby to moglo sie potam rozciagnac, jezeli w srodku bedzie wiecej tresci - tak, zeby mozna bylo przewijac.
nie chce miec dolu zawsze widocznego.
a do podanego przez ciebie linku zaraz spojrze, dzieki.

edit:
przyklad dobry, ale nie wiem, jak cos takiego osiagnac.
odnosnie mojego pomyslu - zly

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.