Marc: Tabelle so breit wie das übergeordnete div (IE-Problem)

Beitrag lesen

Moin moin

Sollten nicht GERADE mit diesem DOCTYPE tun, was ich will? Der IE6 jedenfalls macht es...
Der IE6 ist der einzige, der den Box-Modell Bug im standards-compliant mode nicht mehr hat. Wenn die Seite vorher wegen diesem Bug anders als z.B. im Mozilla dargestellt wurde, dann ist dies in jedem Mode in den Vorgängerversionen weiterhin so.

Hmm... - jetzt verstehe ich, was Du meinst. Mist! Da war ein Denkfehler. Habe da gestern zu lange dran gesessen. Vielleicht geht es heute mit frischem Mut und klarem Kopf besser.

Nehme ich aber die Breitenangabe aus der Tabelle,
das hatte ich auch gar nicht vorgeschlagen, sondern

Ahilfe könnte sein, dem div _keine_ Breite zuzuweisen,

Achso - ja da ist gar keine Breiten-Angabe.

Hier mal das ganze CSS: Es geht um das DIV "layout". Die Tabelle (in einer anderen Datei) ist mit den folgenden Angaben ausgestattet: <table border="0" cellpadding="0" cellspacing="0" width="100%">

body, html {
 margin:0;
 padding:0;
 border:0;
 background-color:#ddf;
}

body {
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:80%;
}

div#layout {
 margin:1em;
 margin-top:1em;
 background-color:#fff;
 border:1px navy solid;
 text-align:center;
}

img#splash {
 float:left;
 width:150px;
}

div#beitrag p {
 margin:auto;
 max-width:40%;
 text-align:center;
}

div#beitrag h1 {
 margin:auto;
 width:70%;
 text-align:center;
}

div#login-area {
 margin:auto;
 margin-top:2em;
 width:36em;
 border:1px solid black;
 background-color:#f00;
}

.login {
 float:left;
 width:16em;
 margin:1px;
 margin-right:1em;
 padding:3px;
 background-color:#eee;
 text-align:left;
}

#Username, #Password, #Domain{
 width:13em;
 margin-bottom:1em;
 font-weight:bold;
 border-width:3px;
 border-style:double;
 border-color:#7FB2CD;
 color:black;
 background-color:#d1e1ee;
}

#Password {
 font-weight:normal;
}

#Username:hover, #Password:hover, div#Domain input:hover {
 background-color:#fff;
}

#Username:focus, #Password:focus, div#Domain input:focus {
 border-color:#f00;
}

div#submit {
 float:left;
 width:33em;
 padding:6px;
}

div#submit input {
 width:15em;
 margin:auto;
 margin-bottom:1em;
 padding:3px;
 padding-right:4px;
 padding-bottom:4px;
 border:solid 0.2em;
 border-color:#bef #59b #59b #bef;
 background-color:#d1e1ee;
}

div#submit input:hover {
 padding:3px;
 padding-left:4px;
 padding-top:4px;
 border-color:#59b #bef #bef #59b;
 text-decoration:none;
}

#help {
 float:right;
 text-align:right;
 width:50%;
}

#officials {
 width:auto;
 padding-bottom:0.5em;
 font-size:0.8em;
 background-color:#ccc;
}

#copy {
 text-align:left;
 width:auto;
 line-height:1em;
}

#admin {
 float:right;
 text-align:right;
 width:50%;
 line-height:1em;
}

.clear {
 clear:both;
}

Im IE 6 geht es jetzt und in im Mozilla...

Vielen Dank für Deine Mühe!!!

Gruß,
Marc.

--
sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28