PDA

View Full Version : The Clashing of Elements

alexburi@gmail.
08-21-2007, 07:15 AM
The Page in Question:
http://www.deborahbrakeley.com/faq.html

Hello,
If you visit the above page, you will see that when you open the drop-down menu (which is contained in transparent boxes), it clashes with the transparent box beneath it which runs the width of the page, and which will hold the page title. This is a problem because it sees through and also triggers the menu to close.

If I take the opacity css code out of the transparent box in the background then it gets covered up by the menu as it is supposed to.... does anyone know of a way to keep that box transparent as well as stop it from clashing with the menu?

The same problem also happens when I absolutely position the Page Title text in that box... it shows through the menu as well. It has to be absolutely position so that it rests on top of the transparent box, so maybe you also might know how to fix this problem as well...

Thanks to anyone that can help.

Alex
alexburi@gmail.
08-21-2007, 07:45 AM
the problem with the transparent box is only in Safari so far... both mozilla and opera properly cover up the transparent box when the list drops down. Still, the absolute positioned Page Title text shows through.....
abduraooft
08-21-2007, 07:59 AM
the problem with the transparent box is only in Safari so far... both mozilla and opera properly cover up the transparent box when the list drops down. Still, the absolute positioned Page Title text shows through.....

I couldn't see any such submenu in IE6, you may have to add the javascript-fix for it.
alexburi@gmail.
08-21-2007, 08:07 AM
thanks for your post...

I haven't even looked at the site yet in IE so there will be some bugs I have to sort out for that. For now, if you have another browser on your system try looking with it and see if you can see the lists....
thanks,
ahallicks
08-21-2007, 09:35 AM
You could try not using the absolute positioning for #pagetitle and use margins/padding/floats to position that element.
alexburi@gmail.
08-21-2007, 05:48 PM
The reason for absolutely positioning the #pagetitle is so that it goes on top of the transparent div behind it. If I put it within the transparent div container and use margins etc then the text also becomes transparent....