|
Subject:
|
gap in table
|
|
Posted By:
|
harpua
|
Post Date:
|
4/27/2005 9:07:47 PM
|
Can someone tell me why this gap appears in Apple Safari, but not in Explorer. I have an orange background image that stretches across. Inside this TD tag I have a curve image in a Div tag that floats right.
You can see it at
http://www.eclecticpixel.com/problemchild/dev_01.asp
http://www.eclecticpixel.com/problemchild/dev_02.asp
background___________
td#hdr_bckgrnd {
background-image: url(images/bckgrnd_hdr.jpg);
background-repeat: repeat-x;
}
shadows on sides___________
td#hdr_sideshadows {
height: 30px;
}
curve image on right___________
div#hdr_curve {
margin: 0;
padding: 0;
float: right;
}
<tr>
<td id="hdr_sideshadows"><img src="images/nav_shadow.gif" width=25 height=29 border=0 /></td>
<td id="vert_blueline"><img src="images/pixel_blue.gif" width=1 height=1 border=0 /></td>
<td colspan=5 id="hdr_bckgrnd">
<div id="hdr_curve"><img src="images/hdr_curve_right.jpg" width=208 height=30 border=0 /></div></td>
<td id="vert_blueline"><img src="images/pixel_blue.gif" width=1 height=1 border=0 /></td>
<td id="hdr_sideshadows"><img src="images/nav_shadow.gif" width=25 height=29 border=0 /></td>
</tr>
Thanks in Advance
Peace
Mike
http://www.eclecticpixel.com
http://www.homegrownmusicjam.com
|
|
