Problem mit Centered Div (!)

[SuicideClown]

Hey,

Ich redesigne gerade mein Portfolio, und habe ein Problem mit einem Div. Dieses ist gecentered.

.center
{
    width:  1050px; border: 30px solid #ffffff; text-align: left;  position: absolute; left: 50%; top: 0px; margin-left: -525px;  background-color: #ffffff; 
}

In diesem Div(.center) ist ein anderes Div, welches problemlos funktioniert.

#footercomment1
{
    width: 150px; height: 100px; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:  #7d6262; position:absolute; left: 0px  
}

Jedoch tritt ein Fehler auf wenn ich ein anderes Div in das Div(.center) einfüge.

.contentdiv
{
    position: absolute; top: 150px; text-align: left; font-size: 24px; 
}

Der Fehler wird offensichtlich durch position absolute ausgelöst. (Jedoch ist dieser Tag auch im problemlosen div vorhanden.)

Hier das genannte Problem:

Seite ohne Fehler und ohne postion Tag in Div(.contentdiv)


Seite mit Fehler und mit position Tag in Div(.contentdiv)

Ich bin ratlos wie ich das Problem lösen könnte....

Ich würde mich über eure Hilfe freuen.

 

[dernimmt6]

Um die div's zentriert darzustellen gibt es einen einfacheren Weg...
Schau dir das mal an: Den Inhalt einer HTML Seite zentriert darstellen