IE7 and Firefox 3 positioning problem

Discussion in 'HTML & Website Design' started by yesyoucant, Nov 5, 2009.

0
  1. #1
    Hi all,

    There is a serious positioning problem going on with my page. It looks right in FF, but in IE the spacing is messed up and the top left photo fails to display. I imagine it has something to do with the padding or margin for my text. Please help!
    Dachshund Rescue of Houston
    Thanks in advance,
    Amanda
     
    yesyoucant, Nov 5, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Fix your doctype, it's incorrect and may be throwing IE into quirks mode. Case matters:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Then, validate your html and css for those lists of errors.

    Why are you using a transitional doctype? All new web pages should always use strict.
     
    drhowarddrfine, Nov 5, 2009 IP
  3. yesyoucant

    yesyoucant Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #3
    Ok, let me take a look at that. Transitional is what we are using in my "intro" course. I'm taking it online which has presented problems of itself. I'm wondering how up to date my teacher is, with his lessons. Thanks, Amanda
     
    yesyoucant, Nov 5, 2009 IP
  4. yesyoucant

    yesyoucant Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #4
    Crap, I fixed the doctype, validated and fixed the css and html and it still looks funky.
     
    yesyoucant, Nov 5, 2009 IP
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    That's why you validate as you go along so it can catch such things.

    What's so funky? Looks good in FF.
     
    drhowarddrfine, Nov 5, 2009 IP
  6. yesyoucant

    yesyoucant Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #6
    It looks good in FF, but in IE7 the where the flapping dog is, there is a big red x instead.... :(
     
    yesyoucant, Nov 5, 2009 IP
  7. yesyoucant

    yesyoucant Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #7
    please help!!!

    **edit!!! this has been resolved thank you all for your help.
     
    Last edited: Nov 6, 2009
    yesyoucant, Nov 6, 2009 IP