Div in der Mitte der Seite



  • Ich würde gerne mein <div> in der Mitte der Seite (egal wie gross die Seite oder wie hoch die Auflösung) positionieren.

    Es gibt hier zwar schon einige Threads über die Positionierung in der Mitte aber das funktioniert bei meinem div nicht...
    Wenigstens horizontal zentrieren.

    Kann mir da jemand bitte weiterhelfen?



  • Horizontal sollte folgende Anweisung helfen:

    <div style="text-align: center">
    </div>
    

    Für vertikale Zentrierung gibts da einen ähnlichen CSS-Befehl allerdings scheint der nicht zu funktionieren 😕 (so sieht der Smily echt dämlich aus).

    Was meinst du das funktioniert bei deinem DIV nicht?

    MfG SideWinder



  • wenn du das gesamte div (nicht nur den inhalt) mittig haben willst:

    <center>
      <div ...> ... </div>
    </center>
    

  • Mod

    horizontal ist einfach, vertical ist schwer.

    margin:auto;
    reicht theoretisch

    praktisch gesehen baust du noch ein <div align="center"> herum...

    vertical ist blöd, du kannst zB die div höhe auf 30% setzen und dann ein position:absolute; mit top:85%; arbeiten...



  • Funktioniert leider auch nicht!

    Hier mal mein Code

    ...
    <style type="text/css">
    <!--
    
    a:link { font-family:Arial,sans-serif; font-size:8pt; color:black; }
    a:visited { font-family:Arial,sans-serif; font-size:8pt; color:black; }
    a:hover { font-family:Arial,sans-serif; font-size:8pt; color:red; }
    a:active { font-family:Arial,sans-serif; font-size:8pt; color:black; }
    
    body { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }
    .navtext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
    .bannertext { font-family:Arial,sans-serif; font-size:8pt; color:white; }
    .maintext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
    .dirtext { font-family:Arial,sans-serif; font-size:7pt; color:black;}
    .dirtext2 { font-family:Arial,sans-serif; font-size:7pt; color:black; }
    
    .newstext { font-family:Arial,sans-serif; font-size:8pt; color:black;}
    .body { background-color:#CCCCCC; }
    
    .layout { font-family:Arial,sans-serif; font-size:12pt; color:white;
              margin:0px; margin-bottom:0px;
              background-color:#E7E7E7;
    
              width:600px;
              height:400px;
              padding:1px;
              margin:0px;
              border:4px solid #FFFFFF;
            }
    -->
    </style>
    </head>
    <body text="#000000" bgcolor="#CCCCCC" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    
    <div class="layout" style="text-align:center">
    ...
    

    EDIT: Mit einem <div align="center"> funktioniert alles. Thx 👍



  • Dachte align="" ist nix mehr Standard?

    MfG SideWinder


Log in to reply