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
pt46
post
Post #2





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

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 18:29