[HTML] Seite per CSS zentrieren

Saschlong · 1. Dezember 2004

Tja eigentlich weiß ich schon wie das geht:
div links, div-content, div-rechts

Allerdings hab' ich jetzt 'ne Seite deren grafischen Inhalte mich zwingen, diese absolut zu positionieren.
Auf Frames würde ich gerne verzichten, da die Seite eine Aufklappnavi bekommen soll...

sverebom · 1. Dezember 2004

Kannst du ein wenig konkreter werden! Zeig mal die Seite/das Screendesign sowie den Code her!

karuso · 1. Dezember 2004

ne gute anlaufstelle ist(imho):
http://www.drweb.de/ressourcen/css_befehle.shtml

custus · 1. Dezember 2004

Meiner Meinung nach ist die einfachste und trotzdem effektivste Variante um eine Seite zu zentrieren, disese:

<table width="100%" style="height: 100%;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" valign="middle">

</td>
</tr>
</table>

Dieses Verfahren ist sogar der HTML 4.01 Standard (Transitional) gemacht.

bitfunker · 1. Dezember 2004

Die Table-Lösung ist aber nicht im .css möglich!
Vll. ist dir mit margin bzw. padding geholfen, z.B.:

Code:

margin-left: 3px; margin-right: 3px

Raechaer · 1. Dezember 2004

Um ein Block-Level-Element mit CSS zu zentrieren kannst du margin-left und margin-right auf auto setzen, eine ausführlichere Erklärung gibt's z.B. bei SELFHTML.

Saschlong · 1. Dezember 2004

GOIL!!! Thanx, funktioniert einwandfrei im IE 6 und FF 1.0...

margin: 0% 10% 0% 10%;

Hier zu schaun *klick*

Bitte teilt es mit wenn's irgendwo nicht funzt...
BTW: Die Seite ist BETA!!! Also riesig und einfach 'n Dummy...

Castor · 1. Dezember 2004

funktioniert im firefox nicht.

damit sollte es überall funktionieren:

#inhalt {
position: relative;
width: 700px;
margin-right: auto;
margin-left: auto;
}

gruss castor

Saschlong · 1. Dezember 2004

welchen FF hast Du? Bei mir tut's (FF 1.0.1)...

Zerfetzt deine Idee nicht den inneren Zusammenhalt des 'container'-divs
Und ist margin nicht initial immer auto?

edit: Habe vergessen meine Auflösung zu bedenken (1280x1024)...

und nomma edit: @castor: die Idee von dir haut hin, thx

Saschlong · 2. Dezember 2004

jaja, die Doppelposts...

aber leider bräucht ich doch noch Hilfe.
Hier
Im IE ist's trotz:

Code:

margin: 0px auto;

nicht zentriert.
Und wieso hab ich in dem scrollbaren div jetzt im IE und im FF vertikale Scrollbars?
Desweiteren: warum kann ich im FF mein Mousewheel nicht benutzen?

Raechaer · 2. Dezember 2004

Saschlong schrieb:
Und wieso hab ich in dem scrollbaren div jetzt im IE und im FF vertikale Scrollbars?

Das overflow: scroll in .content erzwingt die horizontalen und vertikalen Scrollbars immer (also auch wenn sie nicht gebraucht werden), was du willst ist wohl eher overflow: auto.

Saschlong · 2. Dezember 2004

Oh... interessant.
Und

Code:

scroll:auto;

benimmt sich dann?

Ammadäus Annus · 8. Dezember 2004

Nur noch eine kleine Anmerkung: In CSS gibt es keine Befehle.

Saschlong · 9. Dezember 2004

Häh?! Was meinst Du?

edit: Guggt mal. Wieso haben die Navipunkte im IE so'n riesen Abstand?

custus · 9. Dezember 2004

Das liegt vielleicht an deinen Spacer-Images.
Wozu benutzt du schon DIV-Layer wenn du immer noch Spacer mit Images einbaust.
Mit den Margins, kannst du pixelgenau Festlegen wieviel Abstand die Layer untereinander haben sollen.

Saschlong · 9. Dezember 2004

Ich will eigentlich kein margin verwenden... Deshalb die Spacer, aber ich probier's mal damit.

Suche

[HTML] Seite per CSS zentrieren

Saschlong

Lt. Junior Grade

sverebom

Vice Admiral

karuso

Captain

custus

Gast

bitfunker

ewohner

Raechaer

Lt. Junior Grade

Saschlong

Lt. Junior Grade

Castor

Lt. Junior Grade

Saschlong

Lt. Junior Grade

Saschlong

Lt. Junior Grade

Raechaer

Lt. Junior Grade

Saschlong

Lt. Junior Grade

Ammadäus Annus

Newbie

Saschlong

Lt. Junior Grade

custus

Gast

Saschlong

Lt. Junior Grade

Ähnliche Themen