IE width problem (fine in other browsers)

Discussion in 'HTML & Website Design' started by bencallis, Apr 6, 2008.

0
  1. #1
    I am currently redesigning my website but have hit a problem when coming to test it in IE.

    http://coffeeclicking.com/pages/test.php

    The left panel is included with the centre page and the right panel with the footer.

    In the main page the table is set to 100% so everything should resize nicely as it does in all browsers bar ie.

    Anyone know how I can get it to render correctly in all browsers.
    :confused:
     
    bencallis, Apr 6, 2008 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You will never get IE to attempt to perform like other modern browsers without a proper doctype. It is in 'quirks mode'. If, for whatever reason, you insist on using the transitional/loose/sloppy doctype, this is the proper one:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
     
    drhowarddrfine, Apr 6, 2008 IP
  3. bencallis

    bencallis Peon

    Messages:
    370
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I have used this but still no joy. :confused:
     
    bencallis, Apr 6, 2008 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    Can't/won't help until you leave the proper doctype in.
     
    drhowarddrfine, Apr 6, 2008 IP
  5. bencallis

    bencallis Peon

    Messages:
    370
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Ok fire away... :eek:
     
    bencallis, Apr 6, 2008 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    Next
    In addition, your charset hasn't been used since 1996. Change it to:
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    Get rid of this garbage, too:
    <meta name="generator" content="Dreamweaver">

    <meta name="robots" content="ALL">

    <meta name="distribution" content="global">
     
    drhowarddrfine, Apr 6, 2008 IP
  7. bencallis

    bencallis Peon

    Messages:
    370
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for all these tips. I will try and fix many of the 'errors' that website picks up.

    Although at the moment I really need to fix the IE problem. Do you know the main problem which is causing this?
     
    bencallis, Apr 6, 2008 IP
  8. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #8
    drhowarddrfine, Apr 6, 2008 IP
  9. dazw1

    dazw1 Peon

    Messages:
    73
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    looks like you fixed it now
     
    dazw1, Apr 9, 2008 IP