ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
40165
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Gifty43 ist offline Mitglied Gold
    Registriert seit
    Feb 2005
    Beiträge
    116
    Hallo Zusammen,

    Kurze Frage: Wie kann ich zwei Div-Container, welche die Einstellung "position:absolute" besitzen (sie überlappen sich) im Browser zentrieren?

    Ich verwende diesen HTML-Code...
    HTML-Code:
    <div id="index">Hier ist die ganze Page integriert</div>
    <div id="outdated">Hier ist das Fenster, welches über der HP erscheint</div>
    ...und dieses CSS:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    div#index{
     position: absolute;
     width: 1000px;
    }
    div#outdated{
     position: absolute;
     width: 1000px;
     padding-top: 66px;
    }

    Ich habe es schon mit der Einstellung "margin: 0 auto;" oder "align: center;" versucht, aber es tut sich nix. Die Seite bleibt immer auf der linken Seite kleben.

    Deshalb habe ich mir gedacht, wieso nicht einen <div> über die beiden anderen <div>'s erstellen und diesem im CSS "align: center;" zuweisen. Denkste...

    Langsam bin ich echt am verzweifeln, hat jemand von euch eine Idee?

    Besten Dank und einen schönen Abend.
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    mit diesen Regelerweiterungen lassen sich die DIVs im Fenster horizontal zentrieren:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    
    div#index{
     position: absolute;
     width: 1000px;
     [b]left: 50%;[/b]
     [b]margin-left: -500px;[/b] /* negative Hälfte von width:1000px */
    }
    div#outdated{
     position: absolute;
     width: 1000px;
     padding-top: 66px;
     [b]left: 50%;[/b]
     [b]margin-left: -500px;[/b] /* negative Hälfte von width:1000px */
    }
     

  3. #3
    Gifty43 ist offline Mitglied Gold
    Registriert seit
    Feb 2005
    Beiträge
    116
    Wow, hat geklappt...

    Vielen Dank...
     

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 15.05.09, 14:29
  2. HTML: style="position: absolute;..."
    Von kfust im Forum CSS
    Antworten: 1
    Letzter Beitrag: 01.04.09, 16:07
  3. "object" und "position:relative"
    Von tobee im Forum CSS
    Antworten: 2
    Letzter Beitrag: 09.12.08, 14:59
  4. Antworten: 1
    Letzter Beitrag: 16.08.07, 04:21
  5. Antworten: 2
    Letzter Beitrag: 14.10.04, 19:43