Forum Moderators: open

Message Too Old, No Replies

Table hell in IE

table issues with IE (works well elsewhere)

         

Forse

9:49 pm on Apr 17, 2004 (gmt 0)

10+ Year Member



Hi folks.

I am new here, but I thought I'd post here as this forum always helped me solve my problems. Anyway here are two images of table:

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

As you see it shows really nicely in opera(firefox, mozilla...etc), but height is screwed up in IE. I have searched the forums/google and haven't found solution to my problem.

Here is table source:


<table width="100%" border="0" align="center" cellPadding="0" cellSpacing="0" class="stats_table"><tr>
<td width="10%" style="background-image:url(template/images/small_filler.jpg);">&nbsp;&nbsp;<font size=-2>Date</font> <a href="ed2k.php?order=date&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10 alt="Dropdown"></a></td>
<td width="49%" style="background-image:url(template/images/small_filler.jpg);"><div align="left"><font size=-2>Filename </font><a href="ed2k.php?order=filename&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="7%" style="background-image:url(template/images/small_filler.jpg);"><div align="right"><font size=-2>Filesize </font><a href="ed2k.php?order=filesize&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="7%" style="background-image:url(template/images/small_filler.jpg);"><div align="center">&nbsp;&nbsp;&nbsp;<font size=-2>Type </font><a href="ed2k.php?order=type&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="27%" style="background-image:url(template/images/small_filler.jpg);"><div align="right"><font size=-2>File hash</font> <a href="ed2k.php?order=infohash&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a>&nbsp;&nbsp;</div></td></tr><tr><td class="row2">&nbsp;&nbsp;2004-04-08</td>
<td class="row2"><div align="left">Some text here</a></div></td>
<td class="row2"><div align="right">more text&nbsp;&nbsp;</div></td>
<td class="row2"><div align="right">text</div></td>
<td class="row2">&nbsp;&nbsp;text again</td></tr>
</table>

If you have any ideas please help me, coz after 2h of searching and banging my head against monitor I am tired :(

Thank you in advance!

[edited by: tedster at 10:23 pm (utc) on April 17, 2004]

birdbrain

12:30 pm on Apr 18, 2004 (gmt 0)



Hi there Forse,

Try it like this...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*<![CDATA[*/
.stats_table {
width:100%;
border-collapse:collapse;
}
.bckgrd {
background:url(template/images/small_filler.jpg);
font-size:10px;
}
.row2 {
font-size:12px
}
img {
width:10px;
height:7px;
border:0
}
td {
padding:0 4px 0 4px
}
/*//]]>*/
</style>

</head>
<body>

<table class="stats_table" summary=""><tr>
<td class="bckgrd" width="10%">Date<a href="ed2k.php?order=date&amp;seek=manga">
<img src="template/images/drop.gif" alt="Dropdown"></a></td>
<td class="bckgrd"width="49%" ><div align="left">Filename<a href="ed2k.php?order=filename&amp;seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="7%" ><div align="right">Filesize<a href="ed2k.php?order=filesize&amp;seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="7%"><div align="center">Type<a href="ed2k.php?order=type&amp;seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="27%"><div align="right">File hash<a href="ed2k.php?order=infohash&amp;seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
</tr><tr>
<td class="row2">2004-04-08</td>
<td class="row2"><div align="left">Some text here</div></td>
<td class="row2"><div align="right">more text</div></td>
<td class="row2"><div align="center">text</div></td>
<td class="row2"><div align="right">text again</div></td>
</tr></table>

</body>
</html>

Where you used &nbsp; for spacing I have used 4px padding in the 'css'.
You may have to adjust these values to suit your needs ;)

birdbrain

Forse

8:15 pm on Apr 18, 2004 (gmt 0)

10+ Year Member



Thank you birdbrain for your reply. I have applied css tags and now header td is not giving me stretched rows (it's a good start), but:

<tr>
<td class="row2">2004-04-08</td>
<td class="row2"><div align="left">Some text here</div></td>
<td class="row2"><div align="right">more text</div></td>
<td class="row2"><div align="center">text</div></td>
<td class="row2"><div align="right">text again</div></td>
</tr>

Still shows stretched :'(

P.S. I really wish MS would follow standarts like everyone else...

birdbrain

9:54 pm on Apr 18, 2004 (gmt 0)



Hi there Forse,

I am sorry but you have lost me there ;)
I have viewed the code in....

  1. I.E.6.0
  2. firefox 0.8
  3. Mozilla 1.6
  4. Netscape 7.1
  5. Opera 7.0
,,,and can see no discernable difference ;)

birdbrain

vkaryl

12:52 am on Apr 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Forse:

Be sure you've cleared cache. Sometimes your pages are simple reloaded from old data....