Need a quick run through! IE, FF?

hey guys! I'm pretty new to coding, and have been taught by my teacher at uni.. unfortunatly she failed to teach me that IE and FF view the site completely diffferently! and how to fix it?

http://www.aboutchris.co.uk/Reflex/index.html

So anyway, theres the site! I've been pestering my friends to try and help me but no one seems to have encountered this problem? which i found strange and another told me to mess around the Div tags??

The one friend i havent been able to get in touch with told me on a previous site, "look you need to center this, do this and this" but i got dced and lost the convo? Could some of you guys please take a look and help me figure out whats happening here?

Would be so appreciated!

Hopefully once I figure out how these problems can be solved ill never have this trouble again!!

Thankyou!~

Ignore IE while designing the site. Make it work for Firefox.

IE is not W3C compliant and does not conform to web standards. This is why it displays pages differently.

Built the site for Firefox or any other standards compliant browser, than work out the kinks with IE.

Also:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aboutchris.co.uk%2FReflex%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aboutchris.co.uk%2FReflex%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0)

Change the code in the site so that it is valid.

i think quite a bit of it has to do with your position:absolute;

You really need to use floats and padding/margins to position your elements on the page. I know you probably worked hard on this but you may need to redo a few elements in your page.

yeah i see what you mean, i kind of dont know whats right from wrong though tbh, like which tags are better than others, I designed the site for FF and it looks fine in FF but just doesnt work at all in IE. I tried the validator but certains bits i really just didnt understand

A few things:

1. you might like to download this so that your site contains content less likely to be found by search engines (whilst you develop).
https://addons.mozilla.org/en-US/firefox/addon/198

2. you could use less divs eg your first menu could reduce to


<div class="main">
<ul>
<li><a href="/home.html">Home</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/portfolio.html">Portfolio</a></li>
<li><a href="/contactus">Contact</a></li>
</ul>

</div>



This would make the css easier/shorter and also would be easier to troubleshoot/debug.

hth

bazz