[webdeveloper]

Aloha!

Ich will meine neue Seite mal komplett mit CSS machen.
Da ich den Content, das komplette Gerüst komplett mittig zentrieren will, bräuchte ich mal den befehl für das "zentrieren" auf der gesamten seite.
Mit tabellen wollte ich das nicht wirklich lösen!!

Hatte erst vor, es mit "100% -die hälfte der gesamten breite" zu machen, aber das verstehen nicht alle browser, außerdem wollte ich nicht "fuschen".

Kann mir wer schnell die lösung verraten?

[beeviZ]

<style type="text/css">
#center (display: block; text-align: center;)
#content (width: 780px; margin-left: auto; margin-right: auto; text-align: left;)
</style>

die normalen klammern musste natürlich durch die geschweiften css klammern ersetzen. die funktionieren bei mir nur gerade nich da ich mitm newsreader im forum bin



<div id="center">
<div id="content">
bla
</div>
</div>

edit:
du kannst es auch über

<div id="content">bla</div>

(also ohne den center div) machen.
dann ins stylesheet

#content (position: absolute; left: 50%; margin-left: -hälfte der containerbreite)

aber dann wird links der content abgeschnitten wenn die auflösung oder das browserfenster zu klein ist.

[shakadi]

http://css.fractatulum.net/sample/layout4format.htm

[fischchen]

kannst auch gleich dem body den befehl text-alígn:center geben. das setzt allerdings auch den folgenden text immer mittig. also machst du zusätzlich noch id der du wiederrum text-align: left sagst. so ist dein body bereich zentriert und den texten gibts du zusätzlich noch die andere id.

[beeviZ]

dem body direkt würd ich nicht das text-align: center geben. eben aus dem grund das dann alles auf der seite zentriert ist.
einfacher ists eben nen div sofort nach dem body aufzumachen, und dadrin den text-align zu geben. hat halt den großen vorteil das wenn man was ausserhalb des containers haben will – ne fußzeile oder sowas – wieder alles linksbündig ist. wenn man dem body das center gegeben hat, ist ja echt alles was geschrieben wird zentriert und man hat unnötig code weil man für alles wieder text-align: left angeben muss. bla. is auch wurscht eigentlich.

[eViLaSh]

<div style="position: absolute; width:850px; height:100%; z-index:1; right: 50%; left: 50%; margin-left: -425px;" >


edit: hups hat ja beeviZ schon richtig erklärt

[beeviZ]

nachteil siehe oben.

edit:
zusätzlich interpretiert der IE nur einen wert. rechts ODER links. in dem fall würds ggf so enden das das layout 50% vom rechten rand abstehen würde, und nochmal 425px weiter nach links, was wohl zur folge hätte das man die seite garnicht mehr sieht weil sie links aus dem browser geschoben wird. blub

[eViLaSh]

stimmt...

is mir noch garnich aufgefallen...

aber da is der user dann selber schuld