View Full Version : Browser Compatibility

03-01-2009, 06:49 AM
I'm currently making a site using Frontpage 2003, and my site looks fine in internet Explorer but it looks different in firefox, some of the buttons are not in the correct place. I have made that page using all layers <div>. Is there any way of making it browser compatible ?

the link to my site is http://www.heshans.com/aboutus/

03-01-2009, 06:58 AM
I think it's a given that everyone here will tell you to code your page to look the way you want it in Firefox, NOT IE. Firefox is a more standards compliant browser. Once you have it looking the way you want in FF, then see what you need to add to make it look the same in IE.

I took a quick look at your site. I'm pretty sure the only thing you'll have to change is your padding, margin, and display attributes. IE is spacing it out more due to a possible double margin bug. Adjust it so it looks good in FF, then you can add a bit of code to make it identical in IE.

03-01-2009, 08:49 AM
Hello heshan,
Your .centre is 750px wide but your trying to put 772px wide #color_id inside it.
To demonstrate, put a background color on .centre like this:
.centre {
width: 750px;
margin-right: auto;
margin-left: auto;
position: relative;
background: #000;

Your use of inline styles makes this practically impossible to work on without downloading the whole thing and reproducing it locally. It's going to make it very difficult to work on when you start adding more pages, it looks like there are at least 30 more to go?

Absolute positioning is probably not the way to go either. Have a look at http://www.tyssendesign.com.au/articles/css/absolute-positioning-pitfalls/
Floats and margins would be a much better approach.

Last, and maybe this should have went first... check the link in my sig about DocTypes. There is also a sticky in this forum about DocTypes. There are links in my sig about validating, you should have a look at those too.