The following code works in most browsers but not so well in IE, there seems to
be an extra block of css shading in the last box in the row.
this is what we really want removed.
has anyone got any ideas how the issue IE can be fixed.
thanks in advance for your help.
Code:
<style type="text/css">
<!--
.menucontainer { background:#799BD9; margin:0 5px;}
.menurtop1, .menurbottom1{ display:block; background:#125892; }
.menurtop1 *, .menurbottom1 *{ display: block; height: 1px; overflow: hidden;
background:#799BD9; }
.r1{ margin: 0 5px}
.r2{ margin: 0 3px}
.r3{ margin: 0 2px}
.r4{ margin: 0 1px; height: 2px }
a.one:link { color: #000; }
a.one:visited { color: #000; }
a.one:hover { color: #fff; }
a.one:active { color: #000; }
a.one { text-decoration: none; }
h1 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold;
margin: 0 0; padding: 5; }
h2 { text-align: left; font: small tahoma; font-size: 12px; font-weight: bold;
margin: 0 5; padding: 5; }
-->
</style>
<style>
<!--
A {color:#000000; font-weight: normal;}
A:hover {color: #0066FF; font-weight: normal;}
-->
</style>
<body bgcolor="#003399">
<table width="100%" style="border-collapse:collapse;">
<tr>
<td width="0%" height="21">
<div class="menucontainer" align="center">
<b class="menurtop1"><b class="r1">[/b]<b class="r2">[/b]<b class="r3">[/b]<b
class="r4">[/b][/b]
<table width="100%" style="border-collapse:collapse;"
dwcopytype="CopyTableColumn">
<tr>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/?ac=a" STYLE="text-decoration: none"><font
color="#FFFFFF" face="Tahoma"> l1</font></a> </div></td>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/members/index.php?ac=s" STYLE="text-decoration:
none"><font color="#FFFFFF" face="Tahoma"> l2</font></a> </div></td>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/members/index.php" STYLE="text-decoration:
none"><font color="#FFFFFF" face="Tahoma"> l3</font></a> </div></td>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/?ac=f" STYLE="text-decoration: none"><font
color="#FFFFFF" face="Tahoma"> l4</font></a> </div></td>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/?ac=c" STYLE="text-decoration: none"><font
color="#FFFFFF" face="Tahoma"> l5</font></a> </div></td>
<td NOWRAP> <div align="center"><a class="bm" title="link me"
href="http://<?=$siteurl;?>/?ac=b" STYLE="text-decoration: none"><font
color="#FFFFFF" face="Tahoma"> l6</font></a> </div></td>
<td NOWRAP> <div align="center"><a
href="http://<?=$siteurl;?>/?ac=s" STYLE="text-decoration: none"><font
color="#FFFFFF" face="Tahoma"> l7</font></a> </div></td>
</tr>
</table>
<b class="menurbottom1"><b class="r4">[/b]<b class="r3">[/b]<b
class="r2">[/b]<b class="r1">[/b][/b]</div>
</td>
<td width="5%" NOWRAP><div align="center"><font color="#FFFFFF" size="2"
face="Tahoma">123456</font></div></td>
</tr>
</table>
Table not showing correctly in IE but ok in otherbrowsers -
10-18-2007
, 05:32 PM
Linear Mode
