Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 15.12.2005, 10:59
Benutzerbild von AndreasB
AndreasB AndreasB ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.351
AndreasB wird schon bald berühmt werden
Standard Caption exakt so breit wie Tabelle

Hallo,

ich möchte gerne mit schlankem und elegantem (also gerne ohne Verrenkungen) CSS erreichen, dass CAPTION stets exakt die gleiche Breite einnimmt wie die zugehörige Tabelle.

Details:

* Tabelle ist mit kollabierenden Rahmen gestaltet
* Zellen und Caption besitzen dasselbe Padding
* Caption soll keinen Rahmen besitzen
* Caption soll sich von Aussenkante Rahmen links bis Aussenkante Rahmen rechts erstrecken.

In Firefox z.B. bleibt beim Testcase stets eine "Treppenstufe" zwischen Caption und Tabelle.
In Opera oder IE nicht.

Vermutlich habe ich Tomaten auf den Augen. Oder doch nicht?

Testcase:

http://borumat.de/test-caption.php

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Tabelle mit Caption</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{
background: gray;
}
table{
border-collapse: collapse;
}
table caption{
background: green;
padding: 0.3em;
margin: 0;
}
table th{
background: red;
border: 5px solid white;
padding: 0.3em;
}
table td{
background: yellow;
border: 5px solid white;
padding: 0.3em;
}

</style>
</head>
<body>
<h1>Tabelle mit Caption </h1>
<table>
	<caption>Lorem</caption>
	<tr>
		<th>Ipsum</th>
		<td>Doloret</td>
	</tr>
	<tr>
		<th>Sit</th>
		<td>Amet</td>
	</tr>
</table>
</body>
</html>
[/code][/quote]
__________________

Mit Zitat antworten
Sponsored Links