nicht angemeldet
Der MartinWarum wird der Text im folgenden Beispiel nicht zentriert?
in welchem Beispiel? ;-)
Gute Frage, habs einfach vergessen.
ja, schien mir auch so. Kein Problem.
<!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="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
.mittig
{
margin-left: auto;
margin-right:auto;
width:90%;
}</style>
</head>
<body>
<div class="mittig">
<div>Hallo</div>
<div>Fans</div>
</div>
</body>
</html>
Okay, das sieht erstmal korrekt aus. Und meiner Meinung nach müsste div.mittig auch tatsächlich zentriert sein.
> (In der Realität sollen natürlich in dem div weitere Infos stehen)
Dann frage ich mal ketzerisch: Hast du etwas weggelassen, was vielleicht für den Effekt verantwortlich ist? Irgendwelche paddings oder margins anderer Elemente vielleicht?
Oder liegt's vielleicht nur an einer Fehlinterpretation von dir? Das div.mittig ist vielleicht sogar zentriert (gib ihm mal einen Rahmen oder eine Hintergrundfarbe, dann wird's deutlich), es müsste links und rechts je 5% Abstand vom Rand haben. Genau da, 5% vom linken Rand, beginnt aber auch der Text in den beiden Kind-divs, denn der ist ja linksbündig in seinem Block (Default). Und klar, wenn du das Elternelement schmaler machst, rückt auch sein linker Rand (und damit der linke Rand seiner Kindelemente) näher zur Mitte.
Möchtest du eventuell auch den Text (genauer: Den inline-Inhalt) innerhalb der Blockelemente zentrieren? Dann ist zusätzlich text-align anzugeben.
So long,
Martin
--
Eine Nonne kommt in den Himmel. An der Pforte fragt Petrus: "Wer bist du?" - "Ich bin die Braut Jesu." Petrus stutzt einen Moment, ruft dann nach hinten: "He Freunde, habt ihr schon gehört? Der Juniorchef will heiraten!"
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
Matthias Apsel
Gunnar Bittersmann