Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jun 2008
    Posts
    76
    Thanks
    11
    Thanked 0 Times in 0 Posts

    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!~

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    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

    Change the code in the site so that it is valid.
    Last edited by macwiz; 07-15-2008 at 10:56 PM.

  • #3
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    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.

  • #4
    New Coder
    Join Date
    Jun 2008
    Posts
    76
    Thanks
    11
    Thanked 0 Times in 0 Posts
    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

  • #5
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    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

    Code:
    <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
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link


  •  

    Posting Permissions

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