tiptom.ch Home
http://www.tiptom.ch/homepage/ - Homepage-Tips von Thomas Lüthi

Sie sind hier: tiptom.ch > Homepage-Tips > FAQ

Wie kriege ich den Abstand zwischen Inhalt und Fensterrand weg?
(Wie mache ich, dass die Seite ganz oben links im Browserfenster klebt?)

Mit CSS:
body { margin:0; padding:0; }

Zudem muss der obere Aussenabstand des ersten Elements ggf. auf Null gesetzt werden:

CSS:
#element1 { margin-top:0; }
HTML:
<body>
  <table id="element1"> <!-- u.s.w. -->

(Gemäss der CSS-2.0-Spezifikation [1998] könnte man den CSS-Selektor "1. Kinds-Element von BODY" theoretisch auch so schreiben:
body>*:first-child { /*...*/ }
Dies funktioniert aber nur in moderneren Browsern, z.B. MS Internet Explorer ab Version 7 oder Firefox, wie diese Beispielseite zeigt.)

Wenn das erste Element immer die H1-Überschrift ist, geht es auch ohne ID bzw. Klasse:

CSS:
h1 { margin-top:0; }
HTML:
<body>
  <h1>Überschrift</h1>

So sieht's aus:


Auf diesen FAQ-Eintrag verlinken:
Wie kriege ich den Abstand zwischen Inhalt und Fensterrand weg?
(Wie mache ich, dass die Seite ganz oben links im Browserfenster klebt?)
http://www.tiptom.ch/homepage/faq.html?q=bodymargin

Zur Liste mit allen Fragen

(nach oben) Zum Seitenanfang


Alle Rechte beim Autor: Thomas Lüthi.
E-Mail: info@tomogramm.ch (Bitte keine Werbung zusenden)

Zuletzt bearbeitet am 10.01.2020

URL dieser Seite: http://www.tiptom.ch/homepage/faq.html

Druckversion dieser Seite