Layout nach unten schieben

Denniz · 25. Februar 2008

Hallo Leute,

ich habe ein zweispaltiges Seitenlayout bei dem sich der Footer immer exakt am unteren Fensterbereich ausrichtet, egal wie lang mein Content ist.
Ich habe die html zur Ansicht hier hochgeladen: link

Jetzt möchte ich den ganzen wrapper div um 10px nach unten schieben so das ich nach oben hin einen kleinen Abstand habe. Der Footer soll weiterhin unten ausgerichtet werden.
Habe schon einiges versucht aber ich bekomme es einfach nicht hin das es am
Ende so aussieht: link

Vielleicht kann mir jemand einen Tip geben.

Gruß

hela · 25. Februar 2008

Hallo Denniz,

um die Mindesthöhe des wrapper-Blockes von 100% kommst du nicht herum - damit wirst du dich abfinden müssen oder eben ein anderes Layout wählen.

Versuch's doch mal so:

Code:

<body>
<div id="wrapper">
    <div style="background-color:#e5e5e5;">
        Hallo, ich bin ein Block, der 10px hoch und die gleiche Hintergrundfarbe wie das BODY-Element haben soll.
    </div>
  <div id="header"></div>
  <div id="containerLeft">
    <p>bla</p>
    <p>bla</p>
    <p>usw. usf.</p>

Layout nach unten schieben

Denniz

Erfahrenes Mitglied

hela

Neue Beiträge