Problem with tables in IE vs. Firefox

S

sean.p.leary

I have been playing with this in a page and I can't seem to figure out
what I'm doing wrong. I was able to get the top to work correctly, but
for some reason the bottom just doesn't work. Also, it doesn't look
quite right when transferred out of the over all page because there is
an extra border, but the main problem is that in IE, there is a large
line across the bottom of the entire table that I can't seem to get rid
of. Any help would be appreciated. Thanks!

<table width='100%' cellspacing=0 cellpading=0 border=0>
<TR height=5>
<TD width=922 bgColor="#000000" colSpan=2 height=5><U><IMG height=5
alt="" src="http://mranderson.dyndns.org/images/spacer.gif" width=1
border=0></U></TD>
</TR>
<TR>
<TD vAlign='bottom' width='50%' bgColor="#808080" height=25
align=left>
<table width='100%' cellspacing=0 cellpadding=0 border=0>
<tr>
<td align=left valign=bottom>
<IMG height=25 alt=""
src="http://mranderson.dyndns.org/images/lc_news_b.gif" width=15
border=0>
</td>
</tr>
</table>
</TD>
<TD vAlign='bottom' width='50%' bgColor="#808080" height=25
align=right>
<table width='100%' cellspacing=0 cellpadding=0 border=0>
<tr>
<td align=right valign=bottom>
<IMG height=25 alt=""
src="http://mranderson.dyndns.org/images/rc_news_b.gif" width=15
border=0>
</td>
</tr>
</table>
</TD>
</TR>
</table>
 
J

Jim Moe

I have been playing with this in a page and I can't seem to figure out
what I'm doing wrong. I was able to get the top to work correctly, but
for some reason the bottom just doesn't work. Also, it doesn't look
quite right when transferred out of the over all page because there is
an extra border, but the main problem is that in IE, there is a large
line across the bottom of the entire table that I can't seem to get rid
of. Any help would be appreciated. Thanks!
Click to expand...
Post a test case URL. The code fragment you offered is useless.
 
J

Jim Moe

Try this page: http://mranderson.dyndns.org/imgtest2.asp
Click to expand...
Very primitive coding style.
- Use of tables for layout
- Use of "tag soup" instead of CSS. (Classes were indicated but no CSS
file was specified.)
- Use of tables + tag soup to replace the markup already available in HTML.
- Spacer GIFs !?!

Just running the code through HTML-tidy <http://tidy.sourceforge.net>
was enough to clear the problem; the head section had a missing required
<title>. Adding a DTD (doctype) was a bonus.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
 

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

Similar Threads

Help with Visual Lightbox: Scripts 2
SendGrid email issue in responsive Gmail 1
Image shifts to the right when export the page to pdf 4
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Can anyone please help? HTML - two tables applying different styles 4
Nested Loop Insert Page Break 1
Help with my responsive home page 2

Members online

Total: 28 (members: 1, guests: 27)
Robots: 520

Forum statistics

Threads
473,769
Messages
2,569,579
Members
45,053
Latest member
BrodieSola

Latest Threads

Top