Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div zamiast autorozciajacego sie td, w zaleznosci od wysokosci okna
pt46
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


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).

  1. <table style="height: 100%; width: 50%; margin: auto;">
  2. <tr><td style="height: 50px; background: red;"></td></tr>
  3. <tr><td style="height: 300px; background: green;"></td></tr>
  4. <tr><td style="heigt: 100%; background: blue;"></td></tr>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
kwiateusz
post
Post #2


Admin Techniczny


Grupa: Administratorzy
Postów: 2 071
Pomógł: 93
Dołączył: 5.07.2005
Skąd: Olsztyn




mi sie zdaje czy wystarczy dla tego diva dac parametr height: 100% tak samo jak ma ta komorka (nie liczac litrowki)
Go to the top of the page
+Quote Post
pt46
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 24.07.2005

Ostrzeżenie: (0%)
-----


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.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <style type="text/css">
  4. body, html {
  5. height: 100%;
  6. margin: 0px;
  7. padding: 0px;
  8. }
  9. </head>
  10. <div style="height: 50px; background: red;"></div>
  11. <div style="height: 300px; background: green;"></div>
  12. <div style="height: 100%; background: blue;"></div>
  13. </body>
  14. </html>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 12:01