nicht angemeldet
Hallo,
versuche seit einigen Stunden folgendes Problem zu lösen:
Habe eine Wrapper mit eine festen Breite. Darin ist ein Input Element eingebettet mit einem definierten Margin. Nun soll das Input Element in allen Richtungen am Wrapper anliegen. Da sich nach CSS Spezifaktion width auf die "innere" Breite bezieht (warum eigentlich?), vergrössert sich im IE der Wrapper (6.0 win) und im Fireox "fällt" das Input Element nach hnten aus dem Rahmen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div style="border: solid 1px #cbd8eb; width: 400px">
<input style="border: solid 1px #1e3c7b; margin: 8px; width: 80%" value="width: 80%" />
</div>
<p>
</p>
<div style="border: solid 1px #cbd8eb; width: 400px">
<input style="border: solid 1px #1e3c7b; margin: 8px; width: 100%" value="width: 100%" />
</div>
</body>
</html>
Das HTML wird auf Basis eines XML/XSLT Transformation erzeugt die nicht verändert werden kann, d.h. ich suche eine Lösung die mittels CSS zu realieren ist.
Danke schom einmal.
Btw.
Mit <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
funktioniert es natürlich im IE wunderbar. Das sag noch mal einer was gegen den IE "Box-Modell-Fehler" ;-)