✔ Probleme mit Zentrierung

K

Kalito

Erfahrenes Mitglied
Hallo,

ich habe eine Seite gebaut und alles ist wunderbar. Doch will ich jetzt die Zeite auf den Bildschirm zentriert anzeigen lassen, was ja mit html-tag center eig wunderbar ****t. Doch dabei wir die ganze Ausrichtung der div zerschossen.


Gibt es also eine Möglichkeit die Seite, so wie sie ist zentrisch auf dem Bildschirm zu bringen, aber alle anderen einstellungen zu belassen?

Gruß
 
dreifragezeichen hat gesagt.:
Hm, hatten wir das nicht schon mal die Tage?
Zum Vergrößern anklicken....
Wir hatten :D

http://www.tutorials.de/css/372180-probleme-mit-bildausrichtung.html#post1926326

dreifragezeichen hat gesagt.:
Andernfalls in einem der von dir hier nicht gezeigten weiteren übergeordneten Elemente die geerbte zentrierte Ausrichtung (z.B. von <body> an alle Nachfolgeelemente des Dokumentbaums vererbt, oder durch einen übergeordenten und umschließenden <center></center>-Tag hervorgerufen) mittels text-align:left aufheben.
Zum Vergrößern anklicken....
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <title>...</title>
        <style type="text/css">
        /* <![CDATA[ */
        body {
            text-align:center; /* Zentrierung für IE5.x */
            }
        #wrapDiv { /* beheimatet die Seitenbereiche (Navi, Content, ...) */ 
            width:50em;
            border:thin solid #ddd;
            margin:auto; /* Zentrierung für moderne Browser */
            text-align:left; /* hebt die geerbte Eigenschaft text-align:center auf */
            }
        h1 {
            padding:.5em;
            font-size:1.2em;
            }
        /* ]]>  */
        </style>
    </head>
    <body>
        <div id="wrapDiv">
            <h1>wrapDiv ist im Viewport horizontal zentriert, sein Inhalt wiederum linksbündig ausgerichtet.</h1>
        </div>
    </body>
</html>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück