nicht angemeldet
Hi,
...macht aber nicht das, was ich glaube, was du willst. Und das aus gutem Grund:
Ja, das hab ich gemerkt, als ich das XML Version... weggeschmissen hab. Dann wurds nämlich wie HTML bearbeitet.
<div style="width:200px; text-align:center">Das ist Text<br/>
Noch mehr Text<br/>
Ende</div>
Perfekt, so geht's. Auch wenn ich das Dokument wieder umstellen musste:
<!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>
<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>
<div style="text-align:center;">Test 1<br/></div>
<div>
<b>Test 2</b><br/>
Test 3<br/>
Hallo
</div>
</body>
</html>
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>
------------------
| Das ist Text |
------------------
<div style="width:200px; text-align:center; background:red; margin:auto;">Das ist Text<br/>
Noch mehr Text<br/>
Ende</div>
------------------
| Das ist Text |
------------------
Der Unterschied ist sichtbar. Allerdings liegt das in diesem Fall am width:200px, dass ein Unterschied entsteht. Wenn ich es so machen würde (ich weiß, verboten) würde ich auf praktisch allen Browsern das gleicher erzielen:
<center><div style="width:200px; text-align:center; background:red;">Das ist Text</div></center>
Die Zentrierung des DIV mit margin:auto funktioniert übrigens nicht im IE 5.
Aber IE 6 :-). Ein Glück.
So, naja, wenn ich wieder daheim bin, kann ich ja mal meine HP verbessern. Zum Glück arbeitet sie mit Server Side Includes, die ja im Prinzip einer externen CSS-Datei entsprechen (meiner Meinung sind sie sogar noch besser). Vorerst werde ich mich auf HTML 4.01 Transitional beschränken, später kommt dann auch noch HTML 4.01 Strict und dann wahrscheinlich XHTML 1.0 Strict (schrittweises Vorgehen dürfte sich in solchen Fällen auszahlen, alles auf einmal, das schaff ich nie).
Trotzdem habe ich meine Bedenken mit den mit "deprecated" markierten Tags. Ich kann kaum einfach das <div align> mit <div style="text-align: ; margin: "> ersetzen und damit alle Browser, der 4er-Generation (IE/Netscape/Opera kenn ich zu schlecht) fallen zu lassen. Meine Site enthält zwar viel JavaScript, wurde aber mit IE 3 getestet und der hat (zu meinen Freuden) gezielt das, was er nicht´kann ignoriert. Jedoch wenn solche Sächelchen, wie align durch CSS ersetzt werden, wird er in die Knie gehen, weil er es nicht kann.
Ist es erlaubt, beides zu benutzen (und dann bei HTML 4.01 Trans) zu bleiben oder sollte ich besser auf Strict (wie bei CGI) umsteigen und dann schließlich ältere Browser "am langen Arm verhungern lassen"?
CU
Juli