100% Höhe, fixe Bereiche und IE box model

[Detlef G.]

Hallo Marcel

Ich habe in der Zwischenzeit die Kommentare entfernt und nochmals verschieden Varianten ausprobiert, aber das heureka habe ich immer noch nicht. Hast du noch Tipps?

OK, du positionierst #box absolut und zwar mit top, right _und_ bottom, left, jeweils 20px. Damit erreichst du den weißen Rand.
Weil der IE das nicht kann, wird für body ein Innenabstand von 20px gesetzt. Unter Ausnutzung des kaputten Boxmodels des IE im Quirksmodus (ausgelöst durch <?xml version="1.0"?> in der ersten Zeile) kann dann 100% Höhe verwendet werden, statt der absoluten Positionierung:

* html #box {  
  position: static;  
  height: 100%;  
}  

Damit werden aber die 20px bei absoluten Positionierungen nicht mehr berücksichtigt.
Entweder du berücksichtigst disese Differenz bei der Positionierung von ~~~css #navigation, also:

• html #navigation {
    top: 152px;
  }

oder du verwendest für #box nicht static sondern relative:  
~~~css
* html #box {  
  position: relative;  
  height: 100%;  
}

Inwieweit das jetzt im IE wirklich funktioniert, kann ich im Moment nicht testen.

Auf Wiederlesen
Detlef