I used the Spry Horizontal Menu function in Dreamweaver to help me with getting a drop-down menu to work in IE (I’m pretty new to CSS, still learning a bunch – I code in Coda whenever possible, but sometimes still need a bit of help :) ). But, it STILL doesn’t work properly. Everything looks fine in Firefox, Opera and Safari, but in IE7, the drop downs come down slightly to the right.
I would copy/paste code, but I worry I would do too much/too little. Like I said, I’m still learning!
Any ideas on why this is happening, or any tips involving cross-compatibility with drop down menus in general, would be fantastic. It’s been such a pain!
Second: Colors off in Safari
The red of the drop-down menu doesn’t perfectly match the red of the red "all are welcome here" box, and I can’t figure out why. Any ideas?
Not sure i can help you with the first issue. I was going to say check to see if you had set margin to the same side as you floated your li elements, as IE doubles margin applied in that manner. However, you have no margin set, so i have no clue on that one! The issue could also be caused by the Spry js itself. Really, I don’ t know.
As for your second issue, PNG images such as your welcome bg image ALWAYS seem to appear lighter than their corresponding hex value applied using CSS. Here’s a web page that may help you:
Thank you! Awesome. That article helped a ton. I played around with the color profiles and got it to match up, and it works in Safari now. I appreciate the attempt at the drop-down menu issue, too…I’m completely lost on it.
Go google and download a program called "Tweak PNG" – has saved me loads of headaches when it comes to using PNGs in my designs.
You can just drag PNG files into it and there is a GAMA value that you can delete, and re-save the file. The colors will now match up like it was a JPG.
As for the first issue – what happens when you start messing with the padding? It’s the only thing I can think of looking at the CSS that IE may be having a hard time figuring out how to render. Other than that I’m at a loss :P