Immer oben platziert? CSS Code?

[html_Spiker]

Moin, brauch mal eure Hilfe! Also ich weiß einfach nicht den HTML Code für eine Website die sich immer an den oberen Rand platziert so wie bei Yahoo! Deutschland oder vielen anderen auch!

Bei meiner jetzigen Website made_index (noch in Arbeit, ich weiß Photoshop ist falsch geschrieben...) verschiebt sich das immer! Sie ist zwar bei jeder Auflösung in der Mitte, aber bei 800x600px ist sie oben abgeschnitten und bei meiner Auflösung von 1680x1050px sind oben noch so 200px zuviel!

(Ich arbeite mit einem Parent Bereich der hinter dem Main Bereich liegt.)


#parent {
position:absolute;
width:840px;
height:880px;
top:50%;
left:50%;
margin-left:-420px;
margin-top:-300px;
z-index:1;
background-color: #FFFFFF;
}

#main {
position:absolute;
width:840px;
height:860px;
z-index:2;
background-image: url(../img/made.sd.jpg);
}


Währe euch nett wenn ihr mir weiter helfen könnt!

 

[prm]

Das ist der nachteil der absoluten Positionierung, weil dann je nach Viewportgröße Teile verschwinden können.
Auf die vertikale Zentrierung solltest du deshalb verzichten.
Probier's mal so:

#parent {
width:840px;
height:880px;
margin: 0 auto;
z-index:1;
background-color: #FFFFFF;
}

#main {
width:840px;
height:860px;
z-index:2;
background-image: url(../img/made.sd.jpg);
}

Horizontale Zentrierung mit CSS

Der #main ist m.E. nicht erforderlich. Das background-image kannst du ebenso dem #parent zuweisen.

 

[html_Spiker]

Besten Danke PRM! Es klappt super! Danke...