...

View Full Version : Box Model Help - Possibly



durdledoor
09-22-2006, 10:55 AM
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

_Aerospace_Eng_
09-22-2006, 10:57 AM
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.

durdledoor
09-22-2006, 01:50 PM
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

_Aerospace_Eng_
09-22-2006, 04:35 PM
Remove the voice family hack unless you are trying to cater for IE5.5 and below. Try this for your ul li a

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;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum