Web Layout zentrieren

[KD_Sven]

Hallo Leute, ich habe ein kleine Problem.
Ich habe in Photoshop ein Layout erstellt und geslicd. Bilder habe ich dann alle gespeichert.
Per CSS habe ich mir die Bilder alle anzeigen lassen und ausgerichtet. Hat zum teil super geklappt. Jetzt möchte ich das Design gerne zentrieren aber das Funktioniert leider nicht.
kann mir da jemand paar Tipps geben?


Gruß Sven

 

[MyBad]

AW: Web Layout zentrieren

Hi!
Erweitere deinen HTML-QT wie folgt:

<div id="page">

 <div id="navi"></div>
 <div id="glow"></div>
 <div id="shadow"></div>
 <div id="upleft"></div>

 <div id="upright"></div>
 <div id="leftstripe"></div>
 <div id="middelstripe"></div>
 <div id="rightstripe"></div>
 <div id="footer"></div>

</div>

Und im CSS fügst du nun folgendes hinzu:

#page{ 
  width: *Breite deiner Seite in px*
  margin: 0 auto; 
  position: relative;
}

Mit "margin: 0 auto" kannst du deine Seite horizontal zentrieren. Allerdings hast du bei dir viele absolute Positionierungen drin...

Hoffe das klappt bei dir. Hab mir deine CSS nun nicht näher angeschaut.

Edit:
Du hast einen Tippfehler im Header. Da steht "Desing".

 

[aliasltb]

AW: Web Layout zentrieren

Ich habe noch nie mit Photoshop erstellte Websites benutzt, aber ich habe immer gehört, dass das mit Tabellen verarbeitet wird?? oO

Wobei es letztendlich egal ist, denke ich, ob du eine Tabelle (pfui -.-) oder verschiedene DIVs zentrierst.

Auf jeden Fall brauchst du lediglich zu wissen, wie breit GENAU dein Layout ist (bspw. 960px) und fügst dann folgendes um dein Layout drum rum:

<div id="wrapper">

...DEIN LAYOUT...

</div>

Wobei die ID "wrapper" mit Hilfe von CSS definiert werden muss:

#wrapper {
    margin:0 auto;
    position:relative;
    width: 960px; (bspw)
}

Und schon sit dein Layout zentriert. Wenn du gewisse Suchmaschinen oder die Forensuche benutzt hättest, wären auch viele Hilfestellungen und Lösungen gekommen

 

[KD_Sven]

AW: Web Layout zentrieren

Danke Leute,
ihr habt mir super weiter helfen können.

Gruß Sveni

 

[fexx]

AW: Web Layout zentrieren

Ich habe noch nie mit Photoshop erstellte Websites benutzt, aber ich habe immer gehört, dass das mit Tabellen verarbeitet wird?

Das war mal ... mittlerweile werden die Slices als absolute positionierte Divs ausgegeben. ;-)

// Edit: im übrigen hast du zwei Schreibfehler auf der Seite ... im Header "Desing" und in der Navi "Galeri". ;-)