• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

align?

Status
Für weitere Antworten geschlossen.
Leo

Leo

Neues Mitglied
wie mach ich das gleiche in css wie in html:align="center"?
also align:center funzt nicht!
 
Werbung:
Werbung:
Werbung:
ok hast gewonnen aber wie ich will doch ein Element mit css in die Mitte usw. legend
das soll ohne position: sein !
 
Leo,

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>CSS-Versuch</title>
        <style type="text/css">
            <!--
                .container {
                    text-align:center;
                }
            //-->
        </style>
    </head>
    <body>
        <div class="container">
            <hr width="50" size="2" color="darkblue">
        </div>
    </body>
</html>

In diesem einfachen Fall wäre also die benannte Linie mittig positioniert dank des Befehls
Code: 
text-align:center
im übergeordneten Objekt.
 
Werbung:
Aber:
Das geht nicht... zumindest nicht bei mir...
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css" media="all">
<!--
body {
text-align:center;
}
#div1 {
border:1px solid #000000;
width:300px;
text-align:center;
}
#div2 {
border:1px solid #000000;
width:100px;
text-align:center;
}
//--></style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="div1">Lalalalla</div>
<div id="div2">2. Div</div>
<div id="div1"><div id="div2">Verschachtelt</div></div>
</body>
</html>
Das wird nicht zentriert sondern nur der dumme text, aber ich muss das Element zentrieren!!!!
 
Glaub das geht so:
Code: 
#div1 {
width:100%;
text-align:center;
}

#div2 {
margin:auto;
}

<div id="div1">
<div id="div2"> inhalt </div>
</div>
Vielleicht gehts auch mit left:50% und right:50%.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben