-- Situation --
I'm in the process of designing a website that should be finished this weekend. You can take a look at the current state of things here:
http://xolox.goddeloos.nl/web_design/pvsop.info/second/
I decided to use an unordered list for the navigation. I positioned the list items inline with 'list-style-type: none' and 'display: inline'. Then I added a padding to the hyperlinks inside the list items with 'padding: .2em .4em'. I added a gradient background to the normal link state, and a flipped background gradient for a:hover.
-- The problem --
All was well, until I was at school and opened up MSIE5. All hell broke loose! Well, not exactly, but the nav links look messed up.
The padding is gone and the font-size looks like xx-small (while it should be small, and is displayed consistently in MSIE6 and Mozilla Firefox, which on it's own is a whole accomplishment :)
Not sure if the never appearing padding is a well known bug of MSIE5, but I couldn’t find any info on it. (Googling for -css "internet explorer" padding hyperlink OR a- doesn’t really give a satisfying answer)
-- A possible solution --
I went to the Listamatic, because I was sure I had seen a nav bar with the correct paddings applied to links, in MSIE5.
And I was correct. I found the page and it does work in MSIE5. The address for the example is:
http://css.maxdesign.com.au/listamatic/horizontal02.htm
I soon found out it was the float that makes the padding apply correctly. But floating is the only way I've found to let the padding work, which is not desired. First of all, I don't like floats, second of all I can't text-align: center (though this could possibly be remedied) and third, _this shouldn't be neccesary_!
-- The question(s) --
Does anyone know of a way to apply paddings to hyperlinks without floating them, in MSIE5?
And if anyone has a quick answer to this one: How to get the font size the same in MSIE6, Mozilla, and MSIE5? I know about the body { font-size: 76% } and using keywords for the remainder of the page, which is the technique I currently use. However, with this method, MSIE5 still shows larger than suppost to be fonts.
Thanks in advance for your help. It's greatly appreciated!
- Peter Odding ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
