Philipp N: Divs zentrieren

Hi,

wie zentriert man Divs? In SELFHTML habe ich nur gefunden wie man die Postition via CSS genau festlegen kann.

mfg Philipp

  1. wie zentriert man Divs? In SELFHTML habe ich nur gefunden wie man die Postition via CSS genau festlegen kann.

    Von was zentrieren?

    Wenn du den Inhalt der Webseite zentrieren willst mach einfach recht und links einen gleich grossen Rand:

    body
    {
    margin-left:10%;
    margin-right:10%;
    }

    Struppi.

    1. Hallo,

      Wenn du den Inhalt der Webseite zentrieren willst mach einfach recht und links einen gleich grossen Rand:
      body
      {
      margin-left:10%;
      margin-right:10%;
      }

      Also ich würde sagen dein <div> zentrierst du indem du margin: auto; zuweist. Leider kapiert der IE das nicht so dass du für ihn noch im Elternelement text-align: center; angeben musst. Dadurch wird aber aller Text innerhalb des <div> zentriert dargestellt was du verhinderst in dem du dem div text-align: left; angibst.

      Wenn du also den ganzen Inhalt deiner Webseite Zentrieren willst und eine feste Breite hast gehst du folgendermaßen vor:

      <html>
       <head>
        <title>test</title>
       </head>
       <body>
        <div id="container">
         [...] hier kommt dein ganzen Inhalt rein [...]
        </div>
       </body>
      </html>

      in die CSS Datei dann:
      body {
       text-align: center;
      }
      #container {
       text-align: left;
       margin: auto;
       width: 1000px;
      }

      Und wenn du keine feste Breite hast weiß ich nicht was du zentrieren willst.

      Grüße
      Jeena Paradies

      --
      Ich bin mir ziemlich sicher dass es im Leben mehr gibt als nur wirklich wirklich gut auszusehen ...
      <img src="http://home.arcor.de/vivosomuertos/self/zoolander.jpg" border="0" alt="">
      Bambergs Fasching - nur ein großer (Werbe-)Flop?
      http://jeenaparadies.de/artikel/fasching/
      Jeenas Bannertauschportal; selbstgemacht ;-)
      http://jeenasbannerbude.de