Thanks for the response. I made the alterations and it hasn't changed how the page displays.
I've suspected myself the reason could lie in how IE renders <li> but I've tried using a <div> tag in each list item and applying the properties to that instead, but with no luck.
I'm aware the rollover won't work in any case, but frankly if you use such a crap browser you don't deserve pretty rollovers. The site will be quite functional without them.
Whoah... could you either place links to the images or put a '[56K Warn] -' at the beginning of your original post title. The pictures are nice, but they are huge!
matthijs wrote:This site has everything about IE5 mac.
But if I may ask: is IE5 mac a requirement? I thought everyone stopped supporting that one years ago.
Sadly, it is in my ofcie, because we use only macs here - so the requirement of a website is it must work in Safari and IE5 mac. Despite havign a different layout engine it does share some of the same CSS bugs as Windows IE, which is useful to me.
Still, its damn annoying that my nicely laid out, compact and readable pages that work fine in Firefox, Safari, Opera etc. have to be mangled with hacks to work in a browser that belongs in the bronze age.
Removing all the whitespace (and I did remove everything) had no effect. I'm actually relieved in a way, because it made my code horrifically unreadable.
If it helps, here is how the code looks at the moment:
Sorry it didn't work for you. (remember that bug though: i'm sure you'll encounter it one day)
What I would do if I were you is take a complete different approach to the rollover list. Instead of hardcoding the images in the html I would place them in the css as background images. There are many good demo's of "css rollover navigation lists" (google that) out there which you can use the code of. For example, http://www.simplebits.com/notebook/2003 ... overs.html or http://www.nundroo.com/navigation/. Don't have much time know, hope this helps a bit.
IE 5 is notoriously known as the worst Macintosh browser. Period.
I was unable to find any usage statistics that included IE 5 for the Mac - so that shows you how little it's used. If it were up to me, I'd completely ignore IE 5.2, uninstall it from all your computers at work, & burn any discs that may have a copy of it.
If its your boss who's the prime mover on making it work in IE, give him/her a smack. IE Mac is/was notorious for not being compatible with code that worked perfectly fine in other browsers. It was of the browser generation that spawned 3 different versions of a web page because that was easier than making 1 version that worked in all browsers.
Long story short, do all you can to not care about IE Mac.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
matthijs wrote:Sorry it didn't work for you. (remember that bug though: i'm sure you'll encounter it one day)
What I would do if I were you is take a complete different approach to the rollover list. Instead of hardcoding the images in the html I would place them in the css as background images. There are many good demo's of "css rollover navigation lists" (google that) out there which you can use the code of. For example, http://www.simplebits.com/notebook/2003 ... overs.html or http://www.nundroo.com/navigation/. Don't have much time know, hope this helps a bit.
Thanks for the links. I may use these, but given that I've *very nearly* got this method of doing it I'll probably continue hacking away at it.
My only other reservation with the way you describe, is that it would place the images (content) in the stylesheet. I'd like to see if its possible to do this without breaking down the relationship between the page and its stylesheet.
I can understand how you feel, not wanting to change too much after all the effort so far.
I would disagree with you though about the images being the content and therefore belonging in the html. I see the images as styling/design. The navigation list is just that, a list of links. Preferably in text, thereby making them as accessible as possible (screenreaders, search engines, mobile phones, etc)
Then to add a layer of design on top of that I'd use the background image technique (one of many) to style the list the way you want.