Antworten zum Thema „Seite zentrieren“

Gelöschtes Mitglied 100235 · 05.05.2008

AW: Seite zentrieren

atbash schrieb:
Das sollte funktionieren:
body{
margin: 0px auto;
height: 100%; (muss nicht sein, machts aber meistens etwas schöner)
text-align: center;
}

#sitecontainer{
text-align: left;
width: 900px; (kommt auf die Breite deiner Bilder an)
margin: auto;
z-index: 0;
top: 25px; (layoutabhängig)
}

Und nicht vergessen, den div "sitecontainer" vor dem body-endtag zu schliessen
Ach ja, wenn du die Seite uploadest, ist es einfacher dir zu helfen.

Hallo atbash,

Dein Beitrag lässt vermuten, dass Du nicht wie einige wenige fremde Gedankensplitter nur zum Punktesammeln anbietest. Vielleicht kannst Du bei meinem Problem eine Hilfestellung geben.

Gegen alle Regeln verwende ich bei meiner Homepage ein Frameset.

Ein erwünschter Effekt meiner index.html funktioniert leider noch nicht beim IE!

Ich möchte erstens gerne dieses Frameset auf der Seite unabhängig von den Monitorauflösungen horizontal zentrieren.

Zweitens möchte ich hinter das Frameset einen farbigen Hintergrund legen. Dabei sollen die einzelnen Frames ihren eigenen Hintergrund (weiß) behalten.

Zum besseren Verständnis könntest Du einen Blick auf meine angefangene Homepage
werfen:

Mit freundlichen Grüßen in der Hoffnung auf eine Antwort
grauhaar

Lobster1956 · 05.05.2008

AW: Seite zentrieren

und warum wilst du zwei divs übereinander ?
du köntest doch in deinem div mit dem Text den Background definieren...
oder die beiden divs ineinander verschacheln ginge auch...
absolute positionierung sollte dann die dritte und letzte wahl sein
René

veritas01 · 06.05.2008

AW: Seite zentrieren

also wenn ich das richtig verstehe dann hast du ein Menü gebaut und willst die Menüüberschrift über dem Menübild haben??
Wenn ja, warum machst du dann zwei Div Layer?? Mach ein Layer und dann einfach ein h2-Tag als überschrift. So der überschrift verpasst du dann Eigenschaften und diese Überschrift setzt du in den ersten Layer....
Bsp:

Code:

#div1{
 ---- eigenschaften ----
}

h2.menü{
 --- eigenschaften ---
}

und im html würde das schematisch so aussehen...

Code:

<body>
  <div id="div1">
    <h2 class="menü">Überschrift</h2>
  </div>
</body>

hoffe das ich das so richtig verstanden habe....??

gruß
veritas

edit.....
vergiss es

dr4g0nstyle · 06.05.2008

AW: Seite zentrieren

davon abgesehen, das die hälfte der vorschläge schlichtweg nciht funktionieren können, denke ich das einfach keiner anhand deiner blau schwarz weissen skizze weiß, was du überhaupt erreichen willst. Stell doch mal dein komplettes Layout als Bild ein.

Seiten können nicht per css horizontal und vertikal zentriert werden? margin: auto klappt überall? stimmt beides nicht wirklich nö?
alleine für ältere browser muss der body ein text-align:center bekommen und auch für neuere browser lieber "margin: 0 auto" nutzen. Vertical kann man ebenfalls zentrieren nur nicht mit margin: auto. aber das ist hier nciht die frage.

Wenn du 2 objekte übereinander gestalten willst, enweder mit z-index arbeiten oder der bereich der oben liegen soll, im code unter dem unteren Objekt schreiben und dann nach oben ziehen. egal ob mit negativem margin oder position: relative und top, left ....

greetz