I need help fixing my HTML+CSS Layout (displays perfect in FF but not IE)

Discussion in 'HTML & Website Design' started by allthegoodnamesweretaken, Aug 20, 2010.

0
  1. #1
    Hi. I've had my new, very basic, one page layout up for a while now and added a bit of example content just to see what it looks like. It is displayed perfectly in Firefox 2, 3 and 3.6. I only just checked the layout in Internet Explorer yesterday and it's very distorted (confirmed in IE6, 7 and 8).

    I was wondering if anyone could help me ammend the code? I'm not really sure what to do. The URL is: [​IMG] (Change both $ to s, and 1 to i).

    And help is greatly appreciated.

    Thanks.
     
    Last edited: Aug 20, 2010
    allthegoodnamesweretaken, Aug 20, 2010 IP
  2. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #2
    First of all: declare a DOCTYPE.
     
    CSM, Aug 20, 2010 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    You will never get IE to attempt to perform like other far more modern browsers without a proper doctype. Add this to your first line:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    btw, trying to protect your web site by using the cryptic coding of the URI does no good. Even your question is #1 on Google search right now.
     
    drhowarddrfine, Aug 20, 2010 IP
  4. allthegoodnamesweretaken

    allthegoodnamesweretaken Peon

    Messages:
    374
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    WTF, I totally thought I had already declared a doctype on the page. A rookie mistake, thanks for pointing it out to me everyone.

    Check it now though, there is still 1 design flaw in Internet Explorer. It's the space/gap between the header and the the rest of the layout box.

    @drfine
    What? Yes it's #1 for the search term "a$$yr1an.me" but that doesn't matter to me. It's not really in any of the search results googlers would see for my site. I know I could use have used an image but that takes long and I just wanted to start this thread quick.
     
    allthegoodnamesweretaken, Aug 20, 2010 IP
  5. allthegoodnamesweretaken

    allthegoodnamesweretaken Peon

    Messages:
    374
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Can no one help me remove the gap between the banner and the content box? It displays in all browsers just to clear up. It's very annoying.

    Thanks
     
    allthegoodnamesweretaken, Aug 23, 2010 IP