Hallo Leute ich bin gerade dabei mein WBB Design zu coden aber es will nicht so wie ich das haben will:
Der Main bereich geht nicht 100%tig unter die Navigation also unter diesen Roten balcken 
Ich weiss nicht was ich da falsch mache. Könnte mir jemand helfen?
Meine Seite: http://cityreallife.bplaced.net/
Hier der CSS Code:
#main{
background: transparent url("../images/GCR/main.png") repeat-y;
width: 900px;
padding: 10px;
}entweder machst du das mit margin-top oder du änderst die höhe von deinem Menü
#main{
margin-top: -6px;
}
oder
#mainMenu {
height: 86px;
}ps: ist glaub ich der falsche bereich
hmm ja könnte der falsche bereich sein ich habe überlegt ob ich das unter grafik oder code packe also schuldigung wenn es der falsche bereich it. So margin-top: -6px; möchte ich ja nicht ich will, dass die rote linie da bleibt nur dass der main bereich genau drunter ist und nicht versetzt nach links 
achso, dann musst du bei deinem main
#main {
margin-left: auto;
margin-right: auto;
}
oder mit "margin: auto;" arbeiten
nichts zu machen 
habe das jetzt mal reingeklatscht kannst es dir ja auch ma anglotzen:
#main{
background: transparent url("../images/GCR/main.png") repeat-y;
width: 900px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}warum hast du da eigentlich das padding da?
willst du es größer haben? dann mach doch die width einfach 20 px größer und nimm mal anstatt deinem background main.png einfach nen farbcode
Um den innenabstand zu ändern also es soll ja nicht am rand rumhöngen padding ist doch der innenabstand oder? :O
edit: So soll es aussehen:
das ist schon richtig, ja, aber du hast das bild nur auf gewisse px breit gemacht deswegen verrutscht das so
dann musst du die anderen elemente verkleinern mit width
du musst dir die ganzen div's raussuchen z.b. #boardlist ist der bereich wo die ganzen Boards und Kategorien aufgelistet sind