[CSS] Absolut positioniertes div horizontal zentrieren

Dieses Thema im Forum "Webdesign" wurde erstellt von cable, 13. Januar 2011 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 13. Januar 2011
    Absolut positioniertes div horizontal zentrieren

    Hoi

    Muss gerade ein div auf einer Seite horizontal zentrieren. "Problem" ist, dass das div-Element absolut positioniert ist. Laut Google fand ich häufiger diese Lösung:
    Code:
    #login {
     background: #D1D1D1;
     width: 160px;
     color: white;
     padding: 5px;
     font-family: Verdana;
     font-size: 11pt;
     display: none;
     position: absolute;
     left: 50%;
     margin-left: -80px;
     top: 100px;
    }
    Also left: 50%; und margin-left: -80px; was der negativen Hälfte der Breite entspricht. Nun wird das dvi-Element aber nicht zentriert, sondern ist mittig/rechts. Also die linke Seite der Box ist mittig, der Rest nicht. Kommt mir vor, als wenn das margin-left: -80px; igonriert werden würde. Stehe gerade echt auf dem Schlauch, kann mir da wer helfen?

    greez

    //Nicht an dem display: none; stören, die Box wird per Javascript geslidet.
     
  2. 14. Januar 2011
    AW: Absolut positioniertes div horizontal zentrieren

    Dein Layer ist exakt 5px nach rechts verschoben..
    Liegt daran, dass du padding auf 5px gesetz hast...
    Und die Größe des Layers wird um die 5px zu jeder Seite erweitert..
    Also insgesamt 5px..
    Musst also wie folgt rechnen, wenn du padding verwendest:
    margin-left = Größe des Layers - ( Padding/2 oder Padding-left)
    Je nachdem ob du für padding gleich Werte hast oder nicht...
    Oder du ziehst einfach von deiner Width 5px ab..

    MfG
     
  3. 16. Januar 2011
    AW: Absolut positioniertes div horizontal zentrieren

    Habs ausprobiert, aber Ergebnis ist genau wie vorher. Hat sich keine Änderung ergeben. Wie gesagt, der Browser scheint das margin-left komplett zu ignorieren. Ob ich es weglasse oder irgendein Wert reinschreibe, das ist ihm scheinbar egal.

    Trotzdem danke für die Antwort.

    greez
     
  4. 16. Januar 2011
    AW: Absolut positioniertes div horizontal zentrieren

    Sorry muss mich korrigieren..
    Du musst 5px mehr abziehen..
    Also margin-left: -85px;
    Dann ist es bei mir exakt mittig (hab mit PS nachgemessen!)
    Wenn es das nicht ist, machst du iwas falsch
     
  5. 16. Januar 2011
    AW: Absolut positioniertes div horizontal zentrieren

    OMG, es hätte vorher schon klappen müssen, wenn ich nicht was übersehen hätte. Hatte direkt im Style Tag des div-Elementes noch ein margin drin. *schäm*

    Hatte da wohl vorher noch was ausprobiert. Dann mach ich hier zu. Ist ja echt peinlich, dass mir sowas nicht vorher auffällt.

    greez
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.