molily: Kleine Zwischenräume zwischen Header und Site

Beitrag lesen

ich habe jetzt schon lange und viel rumprobiert, aber komme nicht drauf wie ich den kleinen Zwischenraum zwischen dem Header-Teil und dem Site-Teil (=Navi, Inhalt, Werbung) wegbekomme. Hab jetzt schon fast allen Tag die Attribute: "marign:0px; padding:0px;" gegeben!

Gib der Haupttabelle einmal
<table cellspacing="0" cellpadding="0">

Vielleicht hierzu zur Klärung noch der Selfhtml-Link:
http://de.selfhtml.org/html/tabellen/gestaltung.htm#abstand

oder über CSS
table {border-spacing:0;}
td {padding:0;}

Die CSS-Eigenschaft border-spacing entspricht dem HTML-Attribut cellspacing.
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_spacing
Die padding-Eigenschaft für die td-Elemente kommt dem Attribut cellpadding gleich.
http://de.selfhtml.org/css/eigenschaften/innenabstand.htm

body { ... text-align:center;}

#body { ... margin:auto; ... text-align:left; ... }

Dies sorgt für die Zentrierung des #body-divs, siehe http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/.

Das inhaltslose #head-div habe ich herausgeworfen. Wenn dort sowieso kein Inhalt hineinkommt, kann es die Grafik auch einfach eine Hintergrundgrafik von #body sein und das padding oben entsprechend angepasst werden:

#body { ... padding-top:150px; background-image:url(../bilder/Benutzer1.gif); background-repeat:no-repeat; ... }

Wenn Inhalt über die Kopfgrafik stehen soll, machst du es wie gehabt, jedoch mit einem div oder einem anderen Element anstatt einer Tabelle, je nach Inhalt.

Mathias