Frage stellen
http://www.edition-w3c.de/TR/1998/REC-C ... g-2.3.1%A0
Das w3c spricht von einer Zeichenfläche, auf welcher die Seiteninhalte im normal gestapelt werden und im positioniertem Kontext drüber schweben.
Hintergrundfarben, die für body-Typ-Elemente festgelet werden, werden dabei auf diese Zeichenfläche und
Blockeigenschaften wie border und padding auf den begrenzten Bereich der Zeichenfläche projeziert.
Dieser begrenzte Bereich der Zeichenfläche wird selbst als ein Block dargestellt, jedoch kein Block, der durch body erzegut wird. body beinhaltet im Grundgerüst einer HTML-Seite nur den Hauptinhalt der Seite, der im viewport des Browsers dargestellt wird. Der Block, der den begrenzten Bereich der Zeichenfläche darstellt, ist immer da.
Jetzt lassen sich Hintergrundfarben, Hintergrundbilder so wie Ränder und Innen- und Außenabstände aber auch für html definieren, welcher Effekt deutlich erkennbar ist, zumindest im Firefox und im Internet Explorer.
- Code: Alles auswählen
<DOCTYPE>
<html>
<head>
<meta>
<style>
html
{
margin: 10px;
border: 2px solid #000;
padding: 50px;
}
body
{
border: 2px solid #222;
padding: 50px;
}
</style>
<title>Test</title>
</head>
<body>
<p>absatz</p>
</body>
</html>
Werden durch diese Gestaltungsregeln für body und html nun die Gestaltungsregeln für html auf den begrenzten Bereich der Zeichenfläche projeziert und einfach mal ein zusätzlicher Block darin hinzugefügt? Und warum hält der IE den Außenabstand des begrenzten Bereichs der Leinwand nicht ein, wenn dieser im html-Selektor angegeben wurde, im Fiefox aber nicht?
// edit
ihr habt da echt nen bug im code-bbcode..
http://nopaste.ch/3b0b7f0d5c45836.html
Die Koordinaten der absolut positionierten Dokumentobjekte bezieht sich noch nicht einmal auf den begrenzten Bereich der Zeichenfläche!
http://nopaste.ch/965b2fe616cb8d7.html
Auf die komplette Zeichenfläche kann es sich auch nicht beziehen, da diese ja unbegrenzt ist. Also bezieht es sich wohl eindeutig auf den Beginn vom viewport![?]