om caption

2 svar · 402 visningar · startad av tanten 21 jan. 2007

tantenMedlem sedan nov. 20051 596 inlägg

Trådstart21 jan. 2007 11:57#1

Försöker få caption att lägga sig under table, men efter mycket provande hit och dit så tog jag w3:s eget exempel och försökte. W3-exempel
Ingenting fungerar i IE...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>tabell</title>

<style type="text/css">
<!--
th { text-align: center; font-weight: bold;
vertical-align: baseline; }
td { vertical-align: middle; }
table   { border-collapse: collapse; width:15em; }
tr#row1 { border: 3px solid blue; }
tr#row2 { border: 1px solid black; }
tr#row3 { border: 1px solid red; }
caption { caption-side: bottom; width: auto; text-align: center; }
-->
</style></head>
<body>
<table>
<caption>This is a simple 3x3 table</caption>
<tr id="row1">
   <th>Header 1</th>  <td>Cell 1</td>  <td>Cell 2</td></tr>
<tr id="row2">
   <th>Header 2</th>  <td>Cell 3</td>  <td>Cell 4</td></tr>
<tr id="row3">
   <th>Header 3</th> <td>Cell 5</td>  <td>Cell 6</td></tr>
</table>
</body>
</html>

Vad gör jag för fel? Eller tolkar jag W3 fel?
FF lägger caption rätt och ritar border.
IE6 gör ingenting.

icaaqMedlem sedan okt. 20005 273 inlägg

21 jan. 2007 12:46#2

Enligt http://www.aurora-il.org/table_test.htm och under Ex 3.0 - Caption placement så står det följande,

Firefox 1.0 and Netscape 7.2 correctly position the caption according to this assigned value. In Example 3a below, the caption-side value has been set to bottom. If you're viewing this in Internet Explorer 6 or Opera 7.54, the caption is still at the top, since both of these browsers ignore the caption-side completely, always placing the caption at top. [Note that the -1px left margin on the caption has been removed here so that Opera will show the caption.]

mv icaaq

tantenMedlem sedan nov. 20051 596 inlägg

21 jan. 2007 13:18#3

Åh...tack för den länken... Mycket bra läsning!
Men då får jag tänka ut någon annan lösning då...