nicht angemeldet
Re-Moin!
Gut, erst mal danke hierzu: ich hab sie korrigiert und sie ist "rein von Sünden *lol*"
...macht aber nicht das, was ich glaube, was du willst. Und das aus gutem Grund:
<?xml version="1.0" standalone="yes"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-errata.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<title>Titel</title>
</head>
<body>
<p>
<span style="margin:auto">Test 1<br/></span>
SPAN ist ein Inline-Element. Das ist genauso breit, wie sein Inhalt. Und die zentrierung wirkt nur, wenn das Element breiter ist als sein Inhalt, denn nur dann ist bei linksbündiger Ausrichtung rechts noch Platz, den man verteilen könnte. Wenn du also stattdessen mal das hier versuchen möchtest:
<div style="width:200px; text-align:center">Das ist Text<br/>
Noch mehr Text<br/>
Ende</div>
Zentrierter Text, voila! Packe ihn aber außerhalb des <p>, sonst gibts vielleicht wieder Mecker vom Valligator.
<b>Test2</b><br/>
Test 3<br/>
Hallo
</p>
<table border="1">
<tr>
<td>Ja</td>
<td>Nein</td>
</tr>
<tr>
<td>Jain</td>
<td>Gibts noch was</td>
</tr>
</table>
</body>
</html>
Wo ist da der Unterschied. Ich versteh das nicht so ganz. Wenn ich den Inhalt des DIVs zentriere, sähe das so aus (man stelle sich vor, das hier wäre zentriert):
<div> <b>Hallo</b>(<br>)
Wie geht es dir?</div>
Ich stell mir das grad mit dem DIV so vor:
<div><b>Hallo</b><br>
Wie geht es dir?</div>
Im endgültigen Aussehen ist da kein Unterschied
Definiere für den DIV mal eine Hintergrundfarbe, dann siehst du, welchen Platz er einnimmt:
<div style="width:200px; text-align:center; background:red;">Das ist Text<br/>
Noch mehr Text<br/>
Ende</div>
<div style="width:200px; text-align:center; background:red; margin:auto;">Das ist Text<br/>
Noch mehr Text<br/>
Ende</div>
Die Zentrierung des DIV mit margin:auto funktioniert übrigens nicht im IE 5.
- Sven Rautenberg