Strict XHTML
Jeg har fået en lille teaser af en kollega. Jeg er så ikke særlig velbevandret i XHTML, så jeg håber der sidder nogen med den fornødne know-how. :-)Hvis jeg skal lave en tabel der bliver centreret i vinduet - lidt ligesom her på eksperten.dk - og det skal gøres i strict XHTML, hvordan gør man så det?
Eksempel:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>En lille opgave</title>
<style type="text/css">
.mintabel {
text-align:center;
}
caption {
caption-side:bottom;
}
</style>
</head>
<body>
<div class="mintabel">
<table border="0">
<caption>Tabel 1. Underskrift på denne tabel</caption>
<tr><td>
Dette er en tabel med en caption.
</td></tr>
<tr><td>
Meningen er, at midten af tabellen skal være centreret og at caption skal placeres nederst.
</td></tr>
<tr><td>
Selve teksten skal være venstrestillet inde i tabellen.
</td></tr>
<tr><td>
HTMLen skal validere xhtml strict.
</td></tr>
</table>
</div>
</body>
</html>
Ser du denne kodestump i Mozilla, er den venstrestillet. Det går virkelig ikke. Er der noget der mangler at blive defineret, eller er der "bare" tale om en fejl i Mozilla?
