Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Thanked 0 Times in 0 Posts

    Internet Explorer Browser Compatibility

    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/
    Last edited by heshan; 03-01-2009 at 07:51 AM.

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Thanked 92 Times in 91 Posts
    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.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,847 Times in 1,831 Posts
    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/artic...ning-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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts