Div's mit CSS vertikal und horizontal zentrieren

Dieses Thema im Forum "Web Page Design" wurde erstellt von senor_coconut, 20.12.2006.

  1. senor_coconut

    senor_coconut Thread Starter MacUser Mitglied

    Beiträge:
    209
    Zustimmungen:
    4
    Mitglied seit:
    07.01.2006
    hallo,

    ich suche eine möglichkeit eine div box via CSS vertikal und horizontal zu zentrieren (ohne tabellen)

    vorschläge?
     
  2. miss.moxy

    miss.moxy MacUser Mitglied

    Beiträge:
    6.539
    Zustimmungen:
    624
    Mitglied seit:
    15.05.2004
  3. senor_coconut

    senor_coconut Thread Starter MacUser Mitglied

    Beiträge:
    209
    Zustimmungen:
    4
    Mitglied seit:
    07.01.2006
    super.danke dir.
     
  4. senor_coconut

    senor_coconut Thread Starter MacUser Mitglied

    Beiträge:
    209
    Zustimmungen:
    4
    Mitglied seit:
    07.01.2006
    arghhhh ich schaff's doch nicht.kann jemand helfen?
     
  5. miss.moxy

    miss.moxy MacUser Mitglied

    Beiträge:
    6.539
    Zustimmungen:
    624
    Mitglied seit:
    15.05.2004
    Poste mal, was du bisher hast.
     
  6. senor_coconut

    senor_coconut Thread Starter MacUser Mitglied

    Beiträge:
    209
    Zustimmungen:
    4
    Mitglied seit:
    07.01.2006
    HTML:
    #box {
            position: absolute;
            width: 780px;
            height: 385px;
            margin:-100px 0px 0px -200px;
            top: 50%; 
            left: 50%;
            text-align: left;
            background-color: #FFFFFF;
            padding: 0px;
            overflow: auto;
    }  
    
    
    
     
  7. miss.moxy

    miss.moxy MacUser Mitglied

    Beiträge:
    6.539
    Zustimmungen:
    624
    Mitglied seit:
    15.05.2004
    Ah mir fällt grad auf, dass es für die vollständige zentrierte Positionierung
    noch eine bessere Lösung gibt. Bei dieser verschwindet die Box nach links,
    wenn man das Browserfenster ganz schmal macht.
    Ich such sie dir mal raus, momental bitte :)
     
  8. natsuki

    natsuki MacUser Mitglied

    Beiträge:
    43
    Zustimmungen:
    0
    Mitglied seit:
    24.06.2005
    Ich bin kein Spezialist, aber ich würde es mal so probieren:

    Code:
    #box {
            position: absolute;
            width: 780px;
            height: 385px;
            margin-left:-390px;
            margin-top:-192,5px;
            top: 50%; 
            left: 50%;
            text-align: left;
            background-color: #FFFFFF;
            padding: 0px;
            overflow: auto;
    }  
    mfg
    natsuki
     
  9. freso

    freso MacUser Mitglied

    Beiträge:
    1.279
    Zustimmungen:
    24
    Mitglied seit:
    27.09.2002
    edit... blödsinn verzapft
     
  10. miss.moxy

    miss.moxy MacUser Mitglied

    Beiträge:
    6.539
    Zustimmungen:
    624
    Mitglied seit:
    15.05.2004
Die Seite wird geladen...

Diese Seite empfehlen