align?

[Leo]

wie mach ich das gleiche in css wie in html:align="center"?
also align:center funzt nicht!

 

[Prophet]

in csss muss es text-align heißen...

 

[Leo]

schön dann ist der text aber nicht z.bsp. eine Linie usw

 

[Prophet]

und mit hilfe dieses befehl richtest du nur den inhalt nicht das element selber aus...

 

[Leo]

ich will aber einen Befehl der das Element *lies ma die frage!*

 

[Prophet]

dann formatier doch einfach das drüberliegende! *denk mal logisch!* :lol:

 

[Leo]

ok hast gewonnen aber wie ich will doch ein Element mit css in die Mitte usw. legend
das soll ohne position: sein !

 

[Anonymous]

Leo,

<!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

text-align:center

im übergeordneten Objekt.

 

[Leo]

danke!

 

[CrackPod]

Aber:
Das geht nicht... zumindest nicht bei mir...

<!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!!!!

 

[Anonymous]

Glaub das geht so:

#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%.

 

[Volcom]

Genau AT!

Ich mach allerdings immer:

margin: 0px auto;

 

[Anonymous]

Geht natürlich auch ;)