✔ Height: 100% nicht durchgängig in IE 8.06

Vinc

Vinc

Grünschnabel
Hi zusammen,

folgender Code:

HTML: 
<body bgcolor="#fffeec">
<img src="images/psychologie-stuttgart.gif" style="position:absolute; top:0px; left:0px; width:20px; height: 100%; z-index:1;"
/>
</body>

Der Farbverlauf wird im FF, etc. einwandfrei angezeigt, im IE 8.06 bleibt unten ein weises Stück frei (vgl. cgjung-stuttgart.de/space.html).
Woran liegt das? Komme momentan nicht dahinter und über die Suche hab ich nichts gefunden, obwohl es wahrscheinlich recht simpel zu lösen ist.

Bin über Tips dankbar.
Grüße,
Vinc
 
Du musst noch ein CSS-Bereich definieren mit folgenden Inhalt:
css Code:
html, body

{

height: 100%;

width: 100%;

}
 
ComFreek hat gesagt.:
Du musst noch ein CSS-Bereich definieren mit folgenden Inhalt:
css Code:
html, body

{

height: 100%;

width: 100%;

}
Zum Vergrößern anklicken....
Nö, die IE-Familie wünscht sich hier diese Regel, um den Abstand zum unteren Fensterrand aufzuheben :)

CSS: 
body { margin:0; }
HTML: 
<html>
<head>
...

<style type="text/css">
body { margin:0; background:#fffeec; }
</style>

</head>
<body>
...
</body>
</html>


Dein Tipp mit der height:100%-Regel für <html> u. <body> würde sich zu meinem dazugesellen, wenn das HTML-Dokument mit einem entsprechenden Dokumenttyp im standardkonformen Modus den Browsern übergeben wird.

In diesem Fall würde dann nicht nur IE, sondern auch Firefox und die übrigen modernen Browser das (Grafik-)Element nicht in seinem vertikalen Viewport auf 100% strecken, sondern es in seiner Ausgangshöhe (hier 20px) darstellen.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück