Guten Morgen!
aber es entsteht eine sonderbare Lücke zwischen den einzelnen span-Elementen,
Das kann ich nicht nachvollziehen. Hier ein Screenshot (links im IE7 und rechts im IE6).
Und das ist mein (bzw. dein) Code:
<?xml version="1.0" encoding="UTF-8" ?>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
<![CDATA[
window.onload=function init() {
for (var i=1; i<=8; i++) {
document.getElementById("preview_row" + i).style.display = "block";
}
};
]]>
</script>
<style type="text/css">
#td_preview span {
display:none;
line-height:1;
border:1px solid #000;
padding:0;
margin:0;
}
</style>
</head>
<body>
<table>
<tr>
<td id="td_preview">
<span id="preview_row1"> </span>
<span id="preview_row2"> </span>
<span id="preview_row3"> </span>
<span id="preview_row4"> </span>
<span id="preview_row5"> </span>
<span id="preview_row6"> </span>
<span id="preview_row7"> </span>
<span id="preview_row8"> </span>
</td>
<td id="td_showHeight">test</td>
</tr>
<tr>
<td id="td_showWidth">test</td>
<td>test</td>
</tr>
</table>
</body>
</html>
Gruss,
Mathias