Problem mit Centered Div (!)

[Suicide Clown]

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.

 

[alogheo]

Verzichte am besten so weit wie möglich auf absolute Positionierung.

Block-Elemente kannst du mit margin: 0 auto zentrieren.
Anstatt des left:0px kannst du das Element nach links floaten (float & clear)
Und falls das top:150px eine Verschiebung nach unten erwzingen soll, dann kannst du das über margin & padding machen.