Why is website perfect in Firefox yet off-line in explorer?

Discussion in 'HTML & Website Design' started by theerer3, Jun 8, 2009.

0
  1. #1
    hi all, I'd GREATLY appreciate your help, I'm brand new to this and trying to teach myself.

    certain webpages of mine are not lining up correctly in Explorer, yet they are perfect in firefox.

    can you guys/gals take a look and help me out? Thanks in advance you'll save me big heacache!

    the pages that are off:
    www.leandream.com/new/home.html
    www.leandream.com/new/leandreamgear.html

    this one is good, but odly i copied the templates all 3 of these when doing them so it doesn't make sense that one works great and the others are off.
    www.leandream.com/new/myleandream.html

    thanks!
     
    theerer3, Jun 8, 2009 IP
  2. m_media

    m_media Active Member

    Messages:
    635
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #2
    IE drives me crazy, my sites are all fine in Firefox just like you but in IE some of them have problems!
     
    m_media, Jun 8, 2009 IP
  3. Worldwidirectory

    Worldwidirectory Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    IE is not standards-compliant. What causes most problems in CSS is the different approaches to the box model (the real width of an element when you assign padding, borders, etc.) in different browsers. Google "CSS box model" for more info.
     
    Worldwidirectory, Jun 8, 2009 IP
  4. teecamo

    teecamo Peon

    Messages:
    151
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You may want to also try a site validator if you haven't already. They haven't been directly helpful to me, but they give some good ideas. Also, firebug for Firefox is great...even if it is working fine in firefox, it can point you in the right direction.
     
    teecamo, Jun 8, 2009 IP
  5. xxkinga2

    xxkinga2 Peon

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Don't use tables they are not meant to be used for layouts.
    Use Div tags for a layout. If you are using Microsoft Expression it is really easy to do.
    If you want to know how it works go to http://www.yourhtmlsource.com/stylesheets/csslayout.html
    to learn more also try combining your css in one single file..
    Once you are successful pages are going to look great in every browser.

    Good Luck
     
    xxkinga2, Jun 8, 2009 IP
  6. gravy834

    gravy834 Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    gravy834, Jun 9, 2009 IP
  7. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #7
    @theerer3,
    You're doctype is incorrect and throws IE into quirks mode. Use this one instead:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    It doesn't take away from anything anyone else has said, though. IE is the worst browser on the planet with no hope of recovery.
     
    drhowarddrfine, Jun 9, 2009 IP
  8. Bear Grylls

    Bear Grylls Banned

    Messages:
    424
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #8
    That's why I hate IE. Use the !important hack in the css to fix the errors. Google for it for more info.
     
    Bear Grylls, Jun 9, 2009 IP