✔ CSS Containerabstände

[baumkuchen]

Hi an alle,

ich bin was CSS noch nicht wirklich erfahren und bin gerade dabei ein Layout zu entwickeln. Header und Footer sollen die gesamte Bildschirmbreite umfassen. Dazwischen liegt ein Container mit der linken und rechten Navigation und dem Inhalt in der Mitte. Ich habe jedoch das Problem, dass zwischen diesem Container und dem Container2 indem die Header Daten liegen eine dicke Lücke zu sehen ist. Gibt es da eine Lösung ?

Für mich wäre es schon wichtig, da ich später Grafiken pixelgenau erstellen will. Denn selbst wenn der Container eine top-border erhält und der abstand verschwindet, hab ich halt eine 1-pixel Linie. Auch wenn ich die Border invisible mache ändert das nichts am problem.

aber seht selbst www.narutofever.net/webnaruto/index.php
www.narutofever.net/webnaruto/layout.css



vielen dank im voraus
grüße andreas

 

[Maik]

Hi,

setz mal die Polsterungseigenschaft des h1-Elements im DIV #mainContent auf null, damit sich die Lücke schliesst.

#mainContent h1 {
margin:0;
}

 

[baumkuchen]

Wow!
Vielen Dank für die äußerst flotte Antwort. Das hat das Problem nun gelöst. Es lag wohl an den Standardeinstellungen der Browser und dass ich einfach vergessen hatte an diese zu denken.

grüße andreas