nicht angemeldet
Tabellenhöhen in Mozilla / Geckobrowsern
Ich habe einen <body> mit der CSS-Eigenschaft "height:100%;" und darin eine Tabelle, welche die gesamte Höhe einnehmen soll, die also auch diese Eigenschaft bekommen hat. Das funktioniert im IE. Jedoch nirgends anders. Mozilla oder Netscape stellen alle die äußere Tabelle so klein, wie ihr Inhalt es zulässt, dar. Das führt zu einem extrem gequetschten Aussehen, was ich mit der "dynamischen" Anpassung der Tabellen- und Bodyhöhen eigentlich gerade verhindern wollte. Eigentlich bin ich sehr erfahren mit CSS und HTML, an der Syntax liegt es mit hoher Wahrscheinlichkeit nicht. Vielen Dank!
-
Hi,
Ich habe einen <body> mit der CSS-Eigenschaft "height:100%;" und darin eine Tabelle, welche die gesamte Höhe einnehmen soll, die also auch diese Eigenschaft bekommen hat.
Hast Du dem Elternelement von body auch den passenden Wert für height zugeordnet?
cu
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de? http://www.andreas-waechter.de/-
Ich soll dem <html>-tag eine Höhe geben?!
-
Hallo,
Ich soll dem <html>-tag eine Höhe geben?!
Ja, richtig erkannt. Ansonsten weiß der Browser nicht, worauf sich die 100% beziehen. Und Prozentangaben beziehen sich i.A. auf das Elternelement, in diesem Fall <html>.
html, body {
height: 100%; }Um unnötige Scrollbalken zu vermeiden, solltest du dann außerdem padding: 0px angeben (oder ist es margin - verdammt, das kann ich mir nie merken, also ausprobieren ;-)
Grüße aus Darmstadt,
Benjamin--
http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
SELF-Code: sh:) fo:) ch:} rl:| br:> n4:( ie:% mo:) va:) de:> zu:) fl:| ss:) ls[
-
-