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

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

P: 5
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
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
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.