nicht angemeldet
Container height: 100% IE vs. Firefox
Hallo,
nachdem ich die halbe Nacht im Forum nach einer Lösung gesucht und nichts gefunden habe, hoffe ich das mir hier jemand helfen kann.
Das Beispiel steht hier:
http://www.manapo.de/box_in_box.htm
Die äußere Box hat als height 100%. Die Darstellung in Firefox ist so wie ich es mir vorstelle. Der IE 6.0 stellt nur eine Linie dar.
Mache ich was falsch oder ist es der IE. Wenn ja, welcher Bug bzw. welche Lösung gibt es um die Höhe immer auf 100% zu setzen?
Danke
Manfred
-
Hallo Manfred,
könnte vielleicht daran liegen, dass Du für html und body keine Höhe definiert hast.
html,body {
height:100%;
}Das führt allerdings auch nicht zu einem optimalen Ergebnis.
Grüße
Tom C.-
html,body {
height:100%;» Das führt allerdings auch nicht zu einem optimalen Ergebnis.
Danke...
Ist schon mal ein Ansatz. Wenn ich dann noch im body-Element topmargin auf "0" setze sieht es im IE besser aus. Dafür habe ich dann im Firefox oben einen Rand....Gruß
Manfred -
Hallo,
bitte, bitte noch ein wenig Hilfe ;-).
Habe jetzt
body {height: 100%;} und im body-Element <body topmargin="0">
geändert. Sieht jetzt sowohl im IE als auch im Firefox anständig aus. "topmargin" wird jedoch als nicht valide bemängelt. W3C schlägt vor CSS zu verwenden ;-). Will ich ja, kann ich aber nicht.
Der neue Code ist hier:
http://www.manapo.de/box_in_box_2.htmWäre wirklich sehr dankbar für Hinweise.
Gruß
Manfred-
Hallo,
Habe jetzt
body {height: 100%;} und im body-Element <body topmargin="0">W3C schlägt vor CSS zu verwenden ;-). Will ich ja, kann ich aber nicht.
http://de.selfhtml.org/css/index.htm
http://de.selfhtml.org/css/formate/zentrale.htm#elemente
http://de.selfhtml.org/css/eigenschaften/randabstand.htm#margin_topviele Grüße
Axel
-
Hallo mapo.
body {height: 100%;} und im body-Element <body topmargin="0">
Wenn schon CSS, dann aber komplett:
body {height: 100%; margin: 0; padding: 0;}
Das "padding" zusätzlich, um sicher zu gehen.
Gruß, Ashura
--
Selfcode: sh:( fo:| ch:? rl:? br:^ n4:& ie:% mo:| va:) de:[ zu:| fl:( ss:{ ls:# js:|
> Bitte gebt euren Themen sinnvolle Namen, sodass sie später im Archiv leichter gefunden werden können. <-
Wenn schon CSS, dann aber komplett:
Dass ist das Ziel...
body {height: 100%; margin: 0; padding: 0;}
Hatte ich schon gehabt aber anscheinend irgendwas falsch gemacht in meiner Verzweiflung. Jetzt funktioniert es fast perfekt.
Besten Dank
Manfred
-
-
-