Blog - Text nicht aus Bildschirm scrollen

Unregistriert

Es geht um diesen Blog:
http://life-is-awesome.de/

Ich habe gerade ein bisschen mit CSS herumgespielt und die Sidebar und den Header etc fixiert.
Dass die eigentlichen Posts erst unter dem Header anfangen, habe ich auch geschafft.

Meine Frage ist jetzt nur, wie kann ich das machen, dass beim Scrollen der Text nicht nach oben verschoben wird, sondern bei aktuell 145px auch das "Seitenende" ist und der Text dann verschwindet?

Code aktuell:

#header
{
position:fixed;
top:40px;
width:760px;
}

#sidebar-left-1
{
position:fixed;
top:220px;
width:170px;
}

#PageList1
{
position:fixed;
top:155px;
}

#Blog1
{
top:145px;
}

Unregistriert

PS: funktioniert bei mir nur im IE.. wäre schön, wenn das selbe auch so im FF dargestellt würde.

DANKE

DarkEmperor

Hey,
also entweder bin ich gerade blöd oder du hast es echt nicht!^^
Als erstes fehlt bei dir der <body>-Tag und dann sollte es gehen indem du einfach deiner

Code

#header
 {
 position:fixed;
 top:40px;
 width:760px;
 }

noch folgende Atribute vergibst:

Code

background-color:#ffffff;
z-index:10;
display:block;

So hat es zumindest auch bei mir funktioniert. Will aber nicht behaupten das es die beste Variante wäre!

MfG

Unregistriert

hat sich erledigt - http://an-awesome-life.blogspot.com/

kann geschlossen werden, danke

Tags