CSS mittig platzieren geht nicht..

[Lino]

Hy Leute..
ich habe heute meine Page angefangen und nun hat sich ein problem ergeben..

und zwar kann man hier schon sehen wie es bis jetzt aussieht:



nun mein problem ist das der BLOG also "LINO PACINO" und der rest vom Blog nicht in der Mitte des Bildschirmes erscheinen sonder links..

ich möchte diese gerne in die mitte haben, kriege das aber einfach nicht hin..
es sollte ja so sein, dass egal welche auflösung man hat, der Blog in der mitte ist.

ich hoffe ihr könnt mir helfen..

hier ist der Code:

/* Begin Structure */

body {
position: center;
margin: 0;
padding: 0;
}

#page {
position: absolute;
margin: 0 auto;
width: 100%;
}

.entry {
border-top: none;
margin-top: 5px;
padding-top: 5px;
}

.entry a{
border-bottom: 1px dotted #84596B;

}


.entry p{
margin-top: 5px;
margin-bottom: 2px;
}

#header {
height: auto;
}

#content {
position: center;
left: 50%;
margin-left: -400px;
width: 800px;
margin: 30px 0 0 0;
float: left;
clear: both;
text-align: center;
}

#content.single {
position: center;
width: 800px;
text-align: center;
margin: 0;
background-color: white;
}






.post {
position: center;
text-align: left;
margin-right: 0;
margin-bottom: 30px;
margin-left: 0;

}

.postmetadata .alt {
margin: 25px 0 0 0;
}

#footer {
width: 800px;
clear: both;
}

#footer.single {
width: 800px;
}

#footer p {
padding: 20px 0;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}

div.columnleft {
float: left;
width: 285px;
padding-right: 33px;
}

div.columnright {
float: right;
width: 285px;
padding-left: 34px;
}

/* End Structure */

 

[sokie]

AW: CSS mittig platzieren geht nicht..

der Container #page darf nicht absolut positioniert sein.
der Container page muss eine breite haben, die kleiner als das Browserfenster ist um überhaupt per margin:auto ausgerichtet werden zu können.

zb:

#page{
position: relative; /*wenn überhaupt notwendig*/
width: 900px; /*entsrechenden Wert angeben*/
marigin: 0 auto;
}