On 23 Aug 2005, at 7:48 AM, Kenny Graham wrote:
Try keeping them inline, and setting line-height to 40px. As long as
word-wrap doesn't become a factor, that should work fine. But since
you're using pixels, I'm guessing word-wrap would already cause
problems anyway.
Hmm... line-height on the <a> works for me in Safari 1.3/OSX 10.3.9 and
IE6/WInXP, but not in Firefox - strange.
I do, however, offer this solution to the centering issue - see my
modifications to your code at
< http://www.omnivision.com.au/test/center_test.htm >
Note that, when testing, I use backgrounds rather than borders to
identify the various elements; I find this gives a more accurate idea
of layout. If you have a number of nested elements, all those borders
add up to extra space...
I've left your CSS rules that I've disabled in the code, but commented
out so you can see what they were.
Note also that the inline-block solution doesn't work in IE5/Mac...
I think the key to centering the list is in an extra containing div
(id="shell") that allows the whole footer to be centered, with no fixed
width, so that {margin: 0 auto} works to center it, and it then expands
to the the width of its content (the <ul>). This extra div is
semantically null, I guess, but I'll take it as a viable solution!
Now for that height issue...
HTH
N
___________________________
Omnivision. Websight.
http://www.omnivision.com.au/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
