Extra space?

K

Kent McPherson

I can't seem to eliminate the space that shows up in IE between the
table and horizontal rule in the code below:

<body topmargin="0" bottommargin="0" style="text-align: center">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><a href="index.htm"><img border="0"
src="images/Home_Btn1.jpg" width="75" height="50"></a></td>
<td valign="bottom"><a href="weddings.htm"><img border="0"
src="images/WeddingNews_Btn0.jpg" width="75" height="50"></a></td>
<td valign="bottom"><a href="photo_album.htm"><img border="0"
src="images/PhotoAlbum_Btn0.jpg" width="75" height="50"></a></td>
<td valign="bottom"><a href="smallgroup.htm"><img border="0"
src="images/SmallGroup_Btn0.jpg" width="75" height="50"></a></td>
<td valign="center"><a href="feedback.htm"><img border="0"
src="images/Feedback_Btn0.jpg" width="75" height="50"></a></td>
</tr>
</table>
<hr color="#008000" size="20" style="margin-top: 0; margin-bottom: 0;
position:relative; top:0; bottom:0">

</body>

The same code previews in Firefox without the space but the table is
left justified instead of centered.

Any ideas?
 
P

p c

Kent McPherson wrote:
The problem is because IE and Firefox do not implement CSS the same way
for certain CSS features. FF is more standsrds compliant than IE.

For your example,
IE applied the align center style to the table while FF did not
FF applied the postion in the HR tag as not space beetten the previous
element while IE ignore it.

Be careful when you use rative and aboslut psotioniong. Not all broseres
implement them the same way.

For your example:
You may want to remove the text align form th ebody tag and instead use
DIV tags and apply style and alingnemnt thtough them
To get around the expara space/lien problem btween lemnts (table and
HR), romve th epostion styl formth elien and insrtet into a an extra
cell within the table.

....PC
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top