nicht angemeldet
morgen zusammen,
ich hab erneut ein problem mit meinem table - layout (ja ich weiss...tables sollten nicht fürs layout missbraucht werden :))
hier mal der entsprechende code:
-----------------------
html-code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>table käse</title>
<style type="text/css" media="all">@import "test.css";</style>
</head>
<body>
<table class="norm" border="1" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" colspan="2" class="navmain">
- navmain -
</td>
<td valign="top" width="20" rowspan="3">
</td>
<td valign="top" rowspan="3" class="announce">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>
</tr>
<tr>
<td valign="top" class="navsub">
- navsub -
</td>
<td valign="top" class="middlebox">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>
</tr>
<tr>
<td valign="top" colspan="2" class="footer">
- footer -
</td>
</tr>
</table>
</body>
</html>
---------------------------
css-code:
body, html {height:100%}
body {margin:0px;padding:0px;font-family:verdana,sans-serif,helvetica;font-size:10px;line-height:15px;background-color:#330000;color:#FFFFFF;}
.norm {width:775px;}
.middlebox {width:420px;padding:10px;}
.navmain {padding:10px;}
.navsub {width:130px;padding:10px;}
.announce {width:150px;padding:5px;}
.footer {text-align:center;padding-top:40px;}
-----------------------------
opera 7.1 zeigt das ganze so an, wie ich das gerne hätte, nämlich dass der footer direkt an das mittlere text fenster anknüpft. sobald der text in der rechten <td> jedoch 'länger' ist, als der text in der mittel <td>, gibt es bei ie und mozilla einen beträchtlichen abstand zum footer, und einen abstand in der oberen nav <td>. kann mir einer sagen woher die kommen!?
(wenn der text in der rechten <td> kürzer ist als der in der mittleren <td>, zeigen es alle drei browser gleich an)
bin für jeden hinweis dankbar. :)