Warum stellt dies der FF falsch dar?

Forlong

HTML

<html>
<head>
<title>title</title>
</head>


<body>
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0" bgcolor="green">
<tr>
<td align="center" valign="top">
<table border="0" width="720px" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<div style="width:100%; height:100%; margin:0px; padding:10px; background-color: blue;">
<table border="0" width="700px" height="30px"  cellspacing="0" cellpadding="0"  bgcolor="red">
<tr>
<td>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>


</body>
</html>

Alles anzeigen

bugcatcher

Hem. Ist doch 1A richtig. Firefox zeigt genau das an, was du geschrieben hast.

Übrigends..... "px" hat in werten von html-attibuten nichts zu suchen.

Forlong

Im IE ist der rote Balcken zentriert - was ist falsch (am code!)?

btw: der code ist nicht von mir - wurde nur gerade damit "konfrontiert"

Manny73

Das roblem liegt am Attribut "padding". "padding" gibt einen allgemeinen Innenabstand an, in diesem Beispiel muss das Attribut "padding-top" verwendet werden.

siehe auch http://de.selfhtml.org/css/eigenschaften/innenabstand.htm

bugcatcher

frage ist warum es beim IE falsch angezeigt wird... das kann ich Dir sagen... darum: http://www.tantek.com/CSS/Examples/boxmodelhack.html

twiedi

bugcatcher
Gehört eigentlich nicht hier rein, aber meine Frage bezieht sich auf dein letztes Posting zu dem von dir angegebenen Link.

Ganz unten auf der Seite sind zwei Links zu dem W3C angegeben, die bei mir mit FF 1.0 über den Rand hinaus gehen. Das ist doch nicht normal, oder?

Wie gesagt, nur eine Frage in Klammern...

bugcatcher

doch. ist es. so ist es richtig. auch wenn es doof aussieht.

BlueScreen

erste anlaufstelle sollte http://validator.w3.org/ sein.
so findet man fehler am schnellsten

bugcatcher

In allen ehren. bei einem unterschiedlichen boxmodel-verhalten hilft auch der validator nicht.