471,881 Members | 1,286 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,881 software developers and data experts.

Looks great in IE, Firefox not displaying right...

I have created a web site for my paintball team and i'm having trouble. I am rather new at html so please bare with me. The site www.portcitymilitia.150m.com displays just like I want it to in IE. However when you look at this same page in firefox the links and text are below the image unlike IE with it being on the image. Can anyone point me in the right direction. I am trying to get the text and links to lay on the image which I have in a table so that the image will resize no matter what resolution people are using. Heres my code to the above web site.



<html>
<head>
<title>Port City Militia</title>
<meta name="description" content="Port City Paintball Team.">
</head>
<body bgcolor="black" text="white">
<ul>
<p align="center"><font size=3><b>There have been times in history where a few good men have been counted on
to help a cause, outside of the traditional miltary role. This now holds true for paintball.</b></u></p>
<EMBED SRC="speech.mp3" height=2 width=2 autostart=true hidden=true>
<img src="http://www.portcitymilitia.150m.com/background4.JPG" align="right" height="100%" width="100%"><div style="overflow: auto; position: absolute; top: 0px; left: 0px;"></div>
<div align="center"><table width="80%" height="20%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td WIDTH="50%" ALIGN="center"><p><font color="black"><b></b></font></P></td>
<td WIDTH="30%" ALIGN="center"><p><font color="black"><b> We are a band of brothers who meet in Wilmington, NC.<br> We have fun 1st. Winning is a close 2nd. </b></font></P></td>
</tr>
<br><br><br><br><br><br>
<a href="http://dixierangers.14.forumer.com/index.php"><font size=4><font color="black">Militia Forums</font></a>
<br><br>
<a href="pictures.html"><font size=4><font color="black">Event Pictures</font></a>
<br><br>
<a href="awards.html"><font size=4><font color="black">Event Awards</font></a>
<br><br>
<a href="roster.html"><font size=4><font color="black">Team Roster</font></a>
</body>
</html>
Oct 23 '07 #1
1 1257
drhowarddrfine
7,435 Expert 4TB
The problem is IE. You are missing a doctype which puts IE into quirks mode, and then you probably used IE to originally design the site and expected other, more modern browsers to fall in line. Never, ever use any version of old, buggy, non-standard IE to design a site.

In addition, you have 35 html errors.

1) Read the article about doctypes under Articles above.
2) While there, read the article about validation.
Oct 23 '07 #2

Post your reply

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

Similar topics

2 posts views Thread by Nils Weisensee | last post: by
14 posts views Thread by arteccentrix | last post: by
5 posts views Thread by manish | last post: by
reply views Thread by YellowAndGreen | last post: by
reply views Thread by zermasroor | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.