• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

IE <= 7, width: 100%, height: XXpx und Elternelement mit position: absolute

kkapsner

Super Moderator
Hi Leute,

bin heute auf ein sehr komische Verhalten des IE <= 7 gestoßen (ohne = würde es mich nicht so ärgern...):

Schaut euch einfach dieses Beispiel einmal im IE8 und einmal im IE7 an (auch IE8 als IE7 hat den Fehler):
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Fenstertitel</title>
</head>
<body>

<div style="background-color: blue; position: absolute;">
	<div style="height: 40px; width: 100%; border: 2px solid black;">halloduda</div>
washaskldjfhaklsjdhfklasjdhf
</div>
</body>
</html>
- das innere DIV ist nicht 100% breit.

Fragen: Warum? Und wie kann ich das umgehen? mir fällt nichts ein... und gefunden habe ich bis jetzt auch noch nichts.
 
Was meinst du genau damit?
Der Rahmen ist nur dazu da, um zu sehen wie breit das DIV ist... wenn das DIV 100% breit ist steht das DIV natürlich rechts 4px über... wegen Box-Modell.
Das ist aber nicht das Problem.
 
Zum Warum kann ich nichts sagen, aber wenn im CSS steht
Code:
body{
font-size:100%;
}
dann passt width im IE7.
 
Zurück
Oben