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 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Trouble hacking layout for IE

    Hi. I am redesigning a an old layout using CSS. I'm having trouble getting this layout to work properly in IE6 and earlier (not sure about IE7, I don't have it installed).

    I tried to use the box model hack but it broke up my layout, even in Firefox. It was the first time I had ever tried it so maybe I was doing something wrong. Anyway, I've removed all of the hacks.

    Please look here to see the page in question.

    In the older versions of IE, the content div is way down on the page so there's a huge blank spot at the top. What can I do to make the content div appear where it should?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,739
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello glowingnova,
    Your box model needs some adjusting. You have:

    .masthead at 771px width inside #container at 764px width

    #menu at 170px
    #content at 464px
    and #sidebar at 157px.
    That's 791px your trying to fit into a 764px wide #main.

    box model

    You also need to read about clearing floats. Have a look at this page - http://www.quirksmode.org/css/clearing.html
    (overflow:auto; is the secret)
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    glowingnova (04-07-2009)

  • #3
    New Coder
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Thank you

    Thank you - I obviously have a lot to learn! Every time I think I have a grip on something I find something else that I'm cluless about!


  •  

    Posting Permissions

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