i have a CSS drop down menu that needs to be centered on a web page as well as work with IE 6 & 7. So far i have this code which works well in Firefox but it is left justified and it causes my site not to function in IE. any assistance would be greatly appreciated. www.kendallhurleygallery.com/menucode.txt *edit*sorry about the link but the code tags won't work *edit* here is the CSS file www.kendallhurleygallery.com/KHG.css

Quote: Originally Posted by largo i have a CSS drop down menu that needs to be centered on a web page as well as work with IE 6 & 7. So far i have this code which works well in Firefox but it is left justified and it causes my site not to function in IE. any assistance would be greatly appreciated. www.kendallhurleygallery.com/menucode.txt *edit*sorry about the link but the code tags won't work

Here's an approach somewhat inspired by the menu scripts that dynamicdrive.com offers-- if you don't want to just use them. -Make the top "menu titles" as links with onmouseover actions. -Make the menus themselves divs set to "display:none", "position:absolute", and the "top", "left", "right", and "margin-left"/"margin-right" properties set to position them how you want. -On the "onmouseover" event, you set a flag that says "leave menu up" and display the menu by setting its style as "display: block;" -If you enter the menu itself, you set the flag again -If you leave the menu or the menu button, you clear the flag and set a timeout of like 10ms. -When the timeout's called, if the flag is set, do nothing, otherwhise, hide the menu because we're no longer holding the mouse over it. Nested menus are a logical extension of this, but would require you to hide the parent menu when you hide the child menu, and to set the "leave the menu up" flag when you enter a child menu.

Quote: Originally Posted by largo i have a CSS drop down menu that needs to be centered on a web page as well as work with IE 6 & 7. So far i have this code which works well in Firefox but it is left justified and it causes my site not to function in IE. any assistance would be greatly appreciated. www.kendallhurleygallery.com/menucode.txt *edit*sorry about the link but the code tags won't work

Can you post your css file? Its hard to understand how the menu will work without it. Can you explain how it works and how it's structured so we can help you better? Also, what are all the conditional comments for?

I've done CSS menus before. If you want to use my code just ask.

You'll find that CSS menus are a pain in IE since IE only supports the hover event on tags. I got around this by writing a behavior file.

Quote: Originally Posted by Morion Can you post your css file? Its hard to understand how the menu will work without it. Can you explain how it works and how it's structured so we can help you better? Also, what are all the conditional comments for? I've done CSS menus before. If you want to use my code just ask. You'll find that CSS menus are a pain in IE since IE only supports the hover event on tags. I got around this by writing a behavior file.

This is his CSS...

http://www.kendallhurleygallery.com/KHG.css

the conditional comments are supposed to allow it to work in IE 6 and 7 however, testing them shows that they appear to do nothing

*edit* I barley understand the basics of CSS so a little more detail would be helpful