mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:43 Benutzername: Passwort: Auto-Login

Thema: Webseite vertikal zentrieren vom 04.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Webseite vertikal zentrieren
Seite: Zurück  1, 2
Autor Nachricht
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 04.03.2010 11:46
Titel

Antworten mit Zitat Zum Seitenanfang

squiler hat geschrieben:
Zentrierung Seiteninhalt in 3 Schritten:

1.Schritt
body {text-align: center;} das überzeugt den IE schon mal von deinem Vorhaben

2.Schritt
div#wrapper {margin: 20px auto;} durch auto wird der verbleibende Außenabstand links und rechts gleichmäßig aufgeteilt --- damit ist die Seite auch im FF mittig

3. Schritt

div#wrapper {margin: 20px auto; text-align: left;} aufhebung des Mittelsatzes ganz nach Bedarf *zwinker*


Du hast aber schon den Anfangspost gelesen, oder? Meine Güte!
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 04.03.2010 11:52
Titel

Antworten mit Zitat Zum Seitenanfang

@squiler: Du kennst den Unterschied zwischen horizontal und vertikal? *zwinker* (Edit: Mist, Kash war schneller...)

@Kash: Unabhängig von der Auflösung nutzen einige (und nicht nur sehschwache) Internetnutzer die Zoom-Funktion aktueller Browser. Da sind einige bei, die auf Anhieb nicht schaffen die Darstellung wieder auf 100% zu stellen. * Ich geb auf... *

Ich sehe gerade, dass auf der intensivstation eine aktualisierte Version als Template zu finden ist, welche das Problem behebt:

http://www.intensivstation.ch/files/templates/center/intensivstation-center-box-vertical-fix.html *Thumbs up!*


Zuletzt bearbeitet von top am Do 04.03.2010 11:54, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 04.03.2010 13:12
Titel

Antworten mit Zitat Zum Seitenanfang

top hat geschrieben:
@Kash: Unabhängig von der Auflösung nutzen einige (und nicht nur sehschwache) Internetnutzer die Zoom-Funktion aktueller Browser. Da sind einige bei, die auf Anhieb nicht schaffen die Darstellung wieder auf 100% zu stellen. * Ich geb auf... *

Ich sehe gerade, dass auf der intensivstation eine aktualisierte Version als Template zu finden ist, welche das Problem behebt:

http://www.intensivstation.ch/files/templates/center/intensivstation-center-box-vertical-fix.html *Thumbs up!*


Klappt aber nicht wenn ich nur Text Zoome. Somit ist dieses Bsp das selbe wie das was ich gepostet hatte.

Wenn man konsequent mit em Werten arbeitet, hat sich das Problem auch gelöst.
Mein Bsp basiert zwar auf px Werten, aber das sollte nur als Bsp dienen.
  View user's profile Private Nachricht senden
Diver88

Dabei seit: 16.09.2005
Ort: Neuenrade
Alter: 35
Geschlecht: Männlich
Verfasst Do 04.03.2010 19:38
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

das Problem mit dem "Abschneiden" kann man so lösen:

------- CSS -------
#abstand {height:1px; width:1px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-200px; float:left;}

#mitte {height:400px; width:100px; position:relative; margin:0 auto;}


-------- HTML ------

<div id="abstand"></div><div id="mitte">Inhalt >/div>


Hoffe es ist verständlich.
Gruß Clemens
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Text in DIV vertikal zentrieren
vertikal zentrieren in dreamweaver cs3
[CSS] Zentrieren vertikal und horizontal
[CSS] Bild + Text vertikal zentrieren?
Text in Textfeld vertikal zentrieren in PS?
[css] div(float: right) vertikal im elternelement zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.