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 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2005
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Box Model Help - Possibly

    Hi There

    http://www.ja.net/temp/mark4.html

    The page above contains a main content area. Within that 'centre-content' div, I've added a unordered list, to which I've added margins and borders, the effect of which you'll see by looking at Firefox.

    The trouble is, IE knocks the alignment out with this list, so that the lines don't match.

    I've worked out that the box model hack could stop this, so I added the following coding to the .ul specifications.

    ul {
    list-style:none;
    padding: 0;
    width: 643px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 500px;
    margin-top: 80px;
    font-family:"Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
    font-style:italic;
    font-size:24px;
    }

    However nothing happened? Would anyone know if I've implemented it incorrectly?

    Or have I found the wrong solution?

    Thanks very much for any help
    durdledoor

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The voice family hack is for IE5.5 and below. It has no effect on IE6. A UL also has a default margin so you will need to 0 that out as well.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Jul 2005
    Posts
    29
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks Aerospace

    I've actually added margin = 0 to all the ul elements now, but it hasn't affected how the page looks.

    Would you know what the root cause of this is if its not the IE box model? Thanks for pointing that out by the way

    Thanks

    Durdledoor

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Remove the voice family hack unless you are trying to cater for IE5.5 and below. Try this for your ul li a
    Code:
    ul li a {
    color: #0066ff;
    display: block;
    text-align: center;
    text-decoration:none;
    width: 168px;
    font-size:small;
    margin: 0px;
    min-height:75px;
    }
    * html ul li a {
    height:75px;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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