nicht angemeldet
Tabelle mittig ausrichten
Hallo,
Ich habe hier folgendes Codebeispiel :
<?xml version="1.1" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="indexdata.css" />
<title>testseite</title>
</head>
<body>
<table>
<tr><td style="width:50%"> </td>
<td style="width:600px"><img src="pics/startpic.jpg" width="600" height="300" alt="" /></td>
<td style="width:50%"> </td></tr>
</table>
</body>
</html>
Die Grafik wird jetzt bei jedem Browser mittig ausgerichtet. Ich musste für Opera 6.04 die äußeren td's mit style="width:50%" versehen, und genau das gefällt mir nicht.
Der Validator meckert zwar nicht, aber mir gefällt es trotzdem nicht so ganz, eine "unrichtige" Tabelle zu erzeugen (also 2x50% und dann noch die Mitte von 600px), aber wie würde man das sonst geschickt, und valide lösen ? (Die Tabelle hat bereits 100% Breite. es steht in indexdata.css)
$xNeTworKx.
-
Hi,
ganz komische Tabelle hast Du da. Hab sowas noch nie gesehen. Warum nicht ganz einfach
<body>
<div align="center">
<table>
<tr>
<td style="width:600px"><img src="pics/startpic.jpg" width="600" height="300" alt="" /></td>
</tr>
</table>
</div>
</body>Robin
-
Hallo,
<div align="center">
<div align="center"> ist aber längst als "deprecated" gekenntzeichnet, deswegen habe ich gemeint, ich will eine valide Lösung.
$xNeTworKx.
-
Ui,
das wusst ich gar nicht, dass das deprecated ist. dachte <center> wär nur deprecated.
Sollte mich wohl mal wieder auffrischen
-
-
-
Moin!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="indexdata.css" />
<title>testseite</title>
</head>
<body>
<table>
<tr><td style="width:50%"> </td>
<td style="width:600px"><img src="pics/startpic.jpg" width="600" height="300" alt="" /></td>
<td style="width:50%"> </td></tr>
</table>
</body>
</html>Warum überhaupt eine Tabelle?
<body style="text-align:center"><!-- leider für IEs notwendig, aber im CSS-Sinn falsch -->
<div style="margin-left:auto; margin-right:auto; width:600px;">
<!-- margin:auto zentriert in CSS _korrekt_ einen Block -->
<img .... />
</div>
</body>Auf diese Weise habe ich in eigentlich allen neuen Browsern zentrierte Elemente geschaffen. Für Netscape 4 lege ich meine Hand nicht ins Feuer, der versteht's vermutlich nicht - danach sah deine Lösung aber auch nicht aus.
Ach ja, es macht Sinn, die CSS-Formatierung zumindest in den <head> oder noch besser extern in eine CSS-Datei zu verlagern. :)
- Sven Rautenberg
--
Diese Signatur gilt nur am Freitag.-
Hallo,
Mein Gott, wieder mal dieser kaputte Interbug Explorer. Hab es schon mal so gehabt, nur ohne "text-align:center", somit war es nur im IE nicht zentriert, was mich auch zu dieser Herumtüftelei gebracht hat.
Wieder mal eine halbe Stunde, die ich wegen diesen kaputten Browser verschwenden musste.Danke jedenfalls,
Grüße, $xNeTworKx.
-