CSS-Layout und Tabellenbreite
mtwist
- css
Hallo,
ich habe ein 2-spaltiges Layout mit DIVs realisiert. Links die navigation, rechts der Seiteninhalt. Die Navigation hat eine feste Breite, der Rest ist flexibel, je nach Seitenbreite. Nun will ich auf der rechten Seite eine Tabelle darstellen, die den gesammten möglichen Platz einnimmt. Im Firefox funktioniert das mit der Breite wunderbar, im IE jedoch ist die Tabelle immer zu breit. Und zwar genau um den Padding-Wert (hier 200 links wegen der Navigation).
Die 100% Breitenangeb beziehen sich im IE also nicht auf den verfügbaren Platz des DIVs (also abzüglich der padding-Werte) sondern auf die tatsächliche Breite des DIVs. Das gleiche Problem tritt bei anderen Element auf (Beispiel Textarea).
Weiß jemand eine Lösung?
hi
Weiß jemand eine Lösung?
verwende HTML Strict, oder XHTML damit sich der IE nicht den Quirks Mode zum rendern der Seite nutzt.
siehe dazu auch:
http://www.carsten-protsch.de/zwischennetz/doctype/box_model_bug.html
so long
Ole
(8-)>
Danke! Ich hab jetzt mal was anderes versucht. Anstatt padding margin auf 200 eingestellt. Es hat funktioniert. Aber bei Textarea ist etwas kurioses passiert. Solange nichts ins Feld eingegeben wurde, war die Breite ok. Sobald jedoch ein Zeichen eingetippte wird, ändert sich die Breite!! Bravo Microsoft
Moinsen,
Die 100% Breitenangeb beziehen sich im IE also nicht auf den verfügbaren Platz des DIVs (also abzüglich der padding-Werte) sondern auf die tatsächliche Breite des DIVs.
100% beziehen sich immer auf das Elternelement. Wenn das beim Elternelement nicht definiert ist, richten sich die 100% am übergeordneten Elternelement aus usw. Im Zweifel bis zum Body.