Homepage Zentrieren

janz einfach

brauchst nen Div mit Namen wrapper (kannst du sehen, wie ne Hülle um die gesammte Website..)

nichts, was du in deiner HP anzeigen lässt, kommt außerhalb des wrapper (kannst du auch anders nennen)

also hier der css-Code zum zentrieren.

#wrapper{
   margin: auto;
}

dort kannst du z.B. auch noch die Maximalbreite der HP eintragen...

aber zum zentrieren brauchst du nur das^^

Viel Spass

Korrekt ist es so:

div#wrapper {
     margin: 0 auto;
  }

Funktioniert garantiert.

Zitat von "Basiii"

Korrekt ist es so:

Code

div#wrapper {
     margin: 0 auto;
  }

Füg noch ein text-align:center dazu :roll:
Also

div#wrapper {
     margin: 0 auto;
text-align: center;
  }

Willstn du mich verarschen? O_o'

Wenn du die ganze Seite Zentrieren willst, dann muss es so lauten:

body{
margin: 0 auto;
text-align: center;
}

und wenn du das über euren wrapper machen wollt, dann eben so:

div#wrapper{
margin:0 auto;
text-align: center;

Hab doch beides grade nochmals ausprobiert.

Poste mal bitte den Seitenquellcode, beziehungsweise gib mal bitte den Link, wenn ud die Seite irgendwo hochgeladen hast..

<!-- m --><a class="postlink" href="http://anver.ch/css_layout_zent.php">http://anver.ch/css_layout_zent.php</a><!-- m -->

...zum einen geht mir dieses Ständige Link geposte langsam echt auf die Nüsse... Könnt ihr durch eure Körperliche Verfassung nur noch 2Tasten gleichzeitig drücken?
Dann könnte man immer noch mit dem 2Finger-Adlerkopf-suchsystem tippen -__-"
zum anderen... verlinkt auf Seiten, wo der Inhalt stimmt .__.

Habe jetzt mal meine beiden Codes + die beiden Codes von der Seite genommen:
Mein Code1:
[Blockierte Grafik: http://i271.photobucket.com/albums/jj147/Masterfox93/body.jpg]

Mein Code2:
[Blockierte Grafik: http://i271.photobucket.com/albums/jj147/Masterfox93/wrapper2.jpg]

Code von der Seite:
[Blockierte Grafik: http://i271.photobucket.com/albums/jj147/Masterfox93/wrapper.jpg]

Wenn dieser Code stimmen soll, muss man dem Body das margin geben.

Code von der Seite2:
[Blockierte Grafik: http://i271.photobucket.com/albums/jj147/Masterfox93/wrapper3.jpg]

Hallo,

man muß dem Wrapper eine Breite geben dann wird er auch zentriert.

Mfg

Starhunter

body
{
  text-align: center: /* für IE */
}




#wrapper
{
  width: 800px;
  margin: 0 auto;
}

Wenn du dir mal die Codes angeschaut hättest... da stehet überall width: 600px .__.'

und muss außerdem nicht:
[Blockierte Grafik: http://i271.photobucket.com/albums/jj147/Masterfox93/wrapper1.jpg]

Warum sollte ich den Inhalt der Seite abtippen, wenn es dort doch beschrieben wird?

Ich wünsche mir, dass du bald mal in irgendein Geschäft gehst und man dir, wenn du fragst einfach irgend einen Katalog in die Hand drückst
Am besten dann auch noch mit Sachen, die nicht stimmen, beziehungsweise was du nicht brauchst

Ich weiss nicht was du meinst, aber ich sehe keinen Fehler?

Ach, vergesst es -.-'

Nein komm, sage es mir!

Zuerst die Klappe aufreissen und dann aufgeben...

Sarkkan: Vielleicht mal validen Code erstellen, gucken ob man den richtigen Doctype hat... Bei mir funktioniert der Code.

NeoAramis: Es bringt ganz einfach nichts, wenn man NUR einen Link postet. Eine kleine Erklärung, was das ganze bewirken soll oder sowas wie "schau doch mal hier, hier habe ich das ganze mal erklärt" ist ganz sinnvoll.
Es könnte ja auch sonst ein Link sein, denn nicht immer ist das,was auf der Site ist, direkt aus der Adresse ersichtlich. Ich persönlich klicke nicht gerne auf Links, wo ich nicht weiß, was mich erwartet.

GH: Du hast jetzt mehrere Vorschläge, wovon anscheinend die meisten funktionieren. Wenn du fertig bist, poste doch deinen Code hier, damit das Thema einen ordentlichen Abschluss hat.

Gruß
Laura