Zum Inhalt, überspringe Kopfzeile
Stefans Webseite - Blog
Zum Inhalt, überspringe Seitennavigation
Inhalt:
Kategorien:
Aktionen (4)- Allgemeines (39)
- Altes Blog (271)
- C++ (5)
- CSS (6)
- DRM (1)
- Fastnacht (1)
- Fotografie (2)
- Gedanken
- Geschichte (3)
- Hardware (8)
- HTML (1)
- Humor (31)
- Internet (25)
- Kino und TV (21)
- Kurioses (12)
- Literatur
- Lokales (8)
- Mac (25)
- Musik (27)
- Neues (37)
- Palm
- PHP (13)
- Politik (65)
- Privates (11)
- Qt (2)
- Rollenspiel
- Schule (3)
- Software (44)
- Spiele (2)
- Spielkonsole (3)
- TETRA (8)
- Überwachung (10)
- Unix (12)
- Webdesign (23)
- Weblog (19)
- Wiki (18)
- Wissenschaft (3)
- Zensur (3)
- Zitate (1)
Foto: Rhy-Deufel Öflingen
Archive:
Februar 2010 (0)
Januar 2010 (0)
Dezember 2009 (0)
November 2009 (0)
Das neueste ...
Älteres ...
Aktuelle Einträge:
- Unterstützung von Griechenland - Maastricher Vertrag, die No-Bail-Out-Klausel
Mi, 10.02.2010, 22:55 - Flugreisen - Bitte 3 Tage vorher einchecken
Di, 19.01.2010, 23:25 - Bin in der Badischen Zeitung
So, 27.09.2009, 01:27 - Politiker und ihre Aussagen
Do, 27.08.2009, 18:26 - Pro7 verstümmelt mal wieder einen Film
So, 23.08.2009, 19:42 - Ursula von der Leyen (CDU) hält nichts von Pressefreiheit
Sa, 22.08.2009, 23:56 - Piratenpartei - Klarmachen zum Ändern!
Sa, 08.08.2009, 12:33 - Seehofer und Bundesregierung wollen Ursache der Finanzkrise verheimlichen
So, 26.07.2009, 11:12 - Jörg Tauss bei der Debatte zur Grundrechte
Mo, 06.07.2009, 20:57 - Was der ZDF nicht passt wird zensiert
Mo, 06.07.2009, 20:43
Kommentare:
- always win roulette zu Unterstützung von Griechenland - Maastricher Vertrag, die No-Bail-Out-Klausel (Do, 04.03.2010, 10:51):
An sich ne gute Sache, ich frag mich nur, ob das auch [...] - Mario zu CocoaBooklet - Flyer drucken (Fr, 29.01.2010, 18:47):
Danke für diesen Tipp. Da wir gerade Flyer drucken müs [...] - Name zu Ursula von der Leyen (CDU) hält nichts von Pressefreiheit (So, 23.08.2009, 00:40):
Da war die Presse ganz offiziell von der Ministerin ei [...] - Björn zu Motorola baut digitalen Behördenfunk in Portugal auf (Mo, 11.05.2009, 09:07):
Das Handyhersteller sich mittlerweile nicht nur um die [...] - N. Tamaire zu LG Hamburg und Thomas Horn - Internet nicht verstanden (Do, 07.05.2009, 17:20):
Moment, Moment - das Problem ist nicht, dass das LG Ha [...] - AnTiBoWo zu Wieder sind die "Killerspiele" schuld (Do, 12.03.2009, 15:00):
Schuld suche mal wieder bei Killerspiele Ich will ers [...] - golf 3 tuning zu Wie heisst Atze Schröder in echt? (Mo, 02.02.2009, 15:07):
also ich kann beim patentamt nirgends den echten namen [...] - tom zu LG Hamburg und Thomas Horn - Internet nicht verstanden (Di, 16.12.2008, 16:59):
sehr gut geschrieben! Unfassbar solche Gerichtsurteile
- Jochen Uebel zu VG Wort macht Multifunktionsdrucker in Deutschland unbrauchbar (Mi, 26.11.2008, 08:51):
Wir leben in einer Erpressergesellschaft, wo jeder sta [...] - stefan zu Neues Handy & Spielereien mit Bluetooth (Mo, 17.11.2008, 03:59):
Echt interessanter Beitrag. Manchmal vergisst man, wa [...]
Trackbacks:
- Projekt 5 Prozent zu Nervige SMS von 99199 (Mo, 31.03.2008, 12:41):
Ekelhaft! Heute habe ich um 12:34 Uhr eine SMS mit der [...] - mein-parteibuch.com zu Gravenreuth 6 Monate im Knast - Ja! (Di, 18.09.2007, 17:49):
Ist es bald soweit? 2006 Lurusa Gross Zu der [...] - Musik- und Kulturwerkstatt Öflingen zu Die Methoden der Spammer (Do, 06.09.2007, 22:43):
Wie einige von euch bestimmt bemerkt haben wird unse [...] - barhgrol zu HD-DVD - Gängelung des Kunden (Mo, 03.09.2007, 14:52):
Endlich mal ein Problem das ich nicht habe Ich höre i [...] - Gedanken lesen zu Aktion: Grundgesetz an Schäuble schicken (Di, 14.08.2007, 14:32):
Mit seinen Vorstößen in das Privatleben deutscher Stat [...] - karan.twoday.net zu Aktion: Grundgesetz an Schäuble schicken (Sa, 14.07.2007, 00:18):
Morgen haben wir eine Probe für das Konzert am n& [...] - gddwnb zu Petition: sofortige Amtsenthebung von Innenminister Schäuble (Sa, 07.07.2007, 19:21):
haut dem Fass den Boden raus. Schaeuble dreht am Ra [...] - gddwnb zu Wieder sind die "Killerspiele" schuld (Mo, 14.05.2007, 00:20):
hab ich noch ein bisschen in Blogs gestoebert und das [...]
Tags:
Abonnieren:
Twitter:
- Gemütlich Met am trinken zu "Fluch der Karibik II".So, 07.03.2010, 20:19
- So, dann kann der Abend ja losgehen. Party on Dude!Sa, 06.03.2010, 20:33
- Am Fotos sortieren...Sa, 27.02.2010, 20:53
- Ärgerlicher Husten ... gibts da noch kein Kraut dagegen?Di, 23.02.2010, 18:11
- Noch in Maulburg - nach dem Umzug - in der Bar.Sa, 13.02.2010, 23:02
- Auf dem Weg im Bus nach Erzingen zum Nachtumzug.Fr, 12.02.2010, 17:57
- Schwörstadt, VHN-Party, in der Bar.Sa, 06.02.2010, 21:52
- So, mittlerweile wieder zu Hause angekommen. Schön wars.So, 31.01.2010, 21:18
- Waldshut mittlerweile erreicht.So, 31.01.2010, 20:19
- Abfahrt von Esslingen nach Hause.So, 31.01.2010, 17:01
Weitere Projekte:
Meta:
Rechtliches:
Dienstag, 19. Februar 2008
Tabelle auf ganze Seitenhöhe ausdehnen
Für das Layout einer Webseite werden oft noch Tabellen, sogenannte Layout-Tabellen, genutzt (im Gegensatz zu div-Containern in Verbindung mit CSS).
So kann man z.B. eine Webseite mit zwei Spalten gestalten. In der linken schmalen Spalte kommt die Navigation und in der rechten breiteren Spalte landet der eigentliche Inhalt. Jede Spalte bekommt nun noch eine passende Hintergrundfarbe.
+--+------+ | | | | | | | | | +--+------+
So lange die Spalten genügend Inhalt (Text) haben, so das die Tabellenhöhe größer ist als die Höhe des Browserfensters, hat man kein Problem. Kaum ist aber die Tabellenhöhe zu klein, so sieht das Design der Webseite nicht mehr unbedingt den Vorstellungen entsprechend aus. In diesem Fall hat man im oberen Teil des Browserfensters die Tabelle mit dem hübschen Hintergrund, danach aber eine leere einfarbige Fläche die ganz und gar nicht zum Design passt.
+--+------+ | | | | | | +--+------+ ###########
Wie schafft man es nun das die Tabelle immer die komplette Höhe des Browserfenster einnimmt. Die Angabe von height:100% in CSS bringt nicht den gewünschten Erfolg.
Dies liegt daran das sich die Höhe in diesem Fall nach dem darunterliegenden Container richtet. In diesem Fall <body> das wiederum in <html> eingebettet ist. Bei allen Container macht der Browser eine automatische Höhenanpassung und stellt die Höhe auf den größten gemeinsamen Nenner ein. Mit der CSS-Angabe height:100% für die Tabelle nimmt die Tabelle somit 100% Höhe von <body> ein, das Element <body> aber nicht 100% Höhe des Browserfensters.
Aber es gibt Abhilfe:
body { height:100%; }
table.layout { height:100%; }
Das obige Beispiel gilt für die Layout-Tabelle der Klasse layout.
Geschrieben von Stefan Jahn
in CSS, HTML, Webdesign
um
21:17
| Kommentare (0)
| Trackbacks (0)
Zum Inhalt zurück | Zum Seitenanfang