By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,868 Members | 1,991 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,868 IT Pros & Developers. It's quick & easy.

fancy borders and cross platform usability

P: 1
Hi all,

im wondering if anyone knows why IE adds a space between rows whenever a background image is added to a data cell with 'repeat-x' ... Firefox handles it no problem... here is a snippet of code.

<html>
<head>
<style TYPE="text/css">
body {background-color:#CCCCCC;}
</style>
<title> Test </title>
</head>
<body>

<table border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#CCCCCC">
<tr>
<td>
<img src='http://directconnect.com.au/images/tmp2/TL.gif'>
</td>
<td background="http://directconnect.com.au/images/tmp2/MT.gif" style="background-repeat:repeat-x">

</td>
<td>
<img src='http://directconnect.com.au/images/tmp2/TR.gif'>
</td>
</tr>
<tr>
<td background="http://directconnect.com.au/images/tmp2/ML.gif" style="background-repeat:repeat-y">

</td>
<td align="center">
There is a gap just above this text... and below the bottom border... question is WHY?!!?
</td>
<td background="http://directconnect.com.au/images/tmp2/MR.gif" style="background-repeat:repeat-y">

</td>
</tr>
<tr>
<td>
<img src='http://directconnect.com.au/images/tmp2/BL.gif'>
</td>
<td background="http://directconnect.com.au/images/tmp2/MB.gif" style="background-repeat:repeat-x">

</td>
<td>
<img src='http://directconnect.com.au/images/tmp2/BR.gif'>
</td>
</tr>
</table>
</body>
</html>

any ideas?

thanks guys.

gian.
Feb 2 '07 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
Check to see if you have any spaces or line breaks embedded in the markup around the image tags. This is a bug in IE though it could be something else.

I'm swapping computers around and don't have IE available to test this myself.

Two things. Make sure you are using a proper doctype. See the sticky. You are using deprecated code so need to use the transitional doctype.

Second, you shouldn't use tables for layout. Use CSS instead.
Feb 2 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.