www.web-technik.org

Zitat von "Sarkkan"

Verwendet doch einfach das, was vorhanden ist.. =/
So beginnt jede meiner Seiten (oder so ähnlich):

Code

* { margin:0; padding:0; }
html {
    text-align: center;
    background-color: #FFFFCC;
    height: 101%;
}
body {
    margin: 0 auto;
    width: 80%;
    text-align: left;
    background-color: #9A5D26;
}

Alles anzeigen

Dann ist der Body dein "Wrapper" womit du schon mal eine Div-Box weniger hast.
Zudem.. warum hast du um deine Navigation 2 Div-Boxen? O_o
Genau wie um deinen "Main-Content" und "branding"?

Code

#branding {
            height: auto;
            margin: 10px 0 10px 0;
            padding: 0 0 45px 0;
        }

        .branding {
            padding: 0 0 0 0;    
        }

Ich fasse zusammen.. wir erstellen eine automatisch hohe Box, die zu anderen Objekt außerhalb oben und unten 10px Abstand hat.
Zudem sind innerhalb der Box vom letzten Objekt, bis zum unteren Ende der Box 45px frei.
Nun setzten wir in diese Box eine weitere Box, dessen Innenabstand 0 oben, 0 Rechts, 0 Unten und 0 Links ist, in der unser Inhalt rein kommt.
(Bild zur Veranschaulichung liegt auch bei)
Warum machst du das .branding nicht weg genau wie das padding bei #branding und schreibst stattdessen

Code

margin: 10px 0 55px 0;

?
Nur als Beispiel..^^

PS: Ich als Deutscher störe mich ein wenig an 'Benützen/Benützung' .
Aber das ist dir überlassen Dazu sage ich nichts direkt

Alles anzeigen

Hat er bereits.