Forum PHP.pl > Div zamiast autorozciajacego sie td

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Div zamiast autorozciajacego sie td

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

pt46

24.07.2005, 22:50:41

Witam

Mam powazny problem z XHTMLem i divami... Szukalem juz wszedzie... Jak osiagnac efekt autodostosowywania sie rozmiaru diva, tak jak niebieskiej komorki w pozniszym przykladzie.

Chodzi oto, ze posiadam lay ktory ma miec taki pasek z lewej, u gory go bedzie okreslona wartosc (czerwone), pod glowna czescia layu (zielone) nieokreslona samo zmieniajaca sie w zaleznosci od wysokosci okna (niebieskie).

[HTML] pobierz, plaintext 
<table style="height: 100%; width: 50%; margin: auto;">
<tr><td style="height: 50px; background: red;"></td></tr>
<tr><td style="height: 300px; background: green;"></td></tr>
<tr><td style="heigt: 100%; background: blue;"></td></tr>
</table>
[HTML] pobierz, plaintext

kwiateusz

26.07.2005, 00:27:40

mi sie zdaje czy wystarczy dla tego diva dac parametr height: 100% tak samo jak ma ta komorka (nie liczac litrowki)

pt46

26.07.2005, 10:59:31

Mi tez sie tak wydawalo od razu, sprawdzilem to oczywiscie. Wtedy 100% oznacza cala wysokosc okna, co jest spowodowane deklaracja height w body i html.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<style type="text/css">
body, html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
</style>
</head>
<body>
<div style="height: 50px; background: red;"></div>
<div style="height: 300px; background: green;"></div>
<div style="height: 100%; background: blue;"></div>
</body>
</html>
[HTML] pobierz, plaintext

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.