Webseite mittig anordnen

M

Grand Admiral Special
Mitglied seit
22.03.2005
Beiträge
11.094
Renomée
527
Standort
P3d VIP Lounge
Ich möchte eine HP mittig anordnen.

So soll es aussehen http://www.heise.de/

So nicht http://www.golem.de/

Hab es mal mit einem Centre Tag probiert, was aber dazu führte, dass alles in der Seite mittig war...auch Text, der eigentlich links/rechts angeordnet sein soll.

Danke im Voraus
 
Eine Seite wie bei Heise zu zentrieren ist recht einfach:
HTML:
<body>
  <div id="Site">
  ...
  </div>
</body>
CSS-Code:
Code:
body{
  text-align: center; /* für IE6 */
}

div#Site {
  text-align: left; /* 2. Teil der IE6-Version */
  margin: auto; /* für standardkonforme Browser */
  width: 800px; /* Hier bietet sich z.B. auch 90% als dynamische Breite an */
}

Gruß, Chris
 
Ebenson funktional:

HTML:
<body>
    <div id="wrapper">

    </div>
</body>

css:
#wrapper
margin-left:auto;
margin-right:auto;
padding:0;
width:800px;

Du stuelpst quasi um deinen gesamten Inhalt eine Aussenhuelle und diese richtet sich dann an dem Browserfenster aus. Die Breite musst du folglich angeben (ob via festen Werten, oder via Prozentangabe ist hier Geschmackssache).
 
Hmm, hast du mal die Lösung genau über deinem Beitrag angeschaut *kopfkratz? Die ist absolut identisch (OK, "Site" heißt bei dir "wrapper"), bis auf den Fakt dass dein Beispiel ohne weiteres Zutun (Doctype) nicht im IE6 funktioniert, weil dieser das margin: auto; einfach ignoriert.
 
Vergesst es ;) war falsch xD

mfg

elite.bl4ze
 
Zuletzt bearbeitet:
Also ich würde ja sagen, so falsch war das nicht! Bei mir sieht sowas immer in etwa so aus:

#global {
position: relative;
width: 750px;
margin: 0px auto;
}


...
<body>
<div id="global">
....
</div>
</body>
....

Vielleicht hilfts noch jemandem... :)
 
Hmm, hast du mal die Lösung genau über deinem Beitrag angeschaut *kopfkratz? Die ist absolut identisch (OK, "Site" heißt bei dir "wrapper"), bis auf den Fakt dass dein Beispiel ohne weiteres Zutun (Doctype) nicht im IE6 funktioniert, weil dieser das margin: auto; einfach ignoriert.

In meinem Halb IE6 funktionieren beide Versionen.
Wenn deine richtiger ist, verneige ich natuerlich mein Haupt vor dir.
s/wrapper/site, ok?
 
Zurück
Oben Unten