Log in

View Full Version : Firefox glitch with Drop Down Overlapping...


NancyRoses
10-20-2008, 10:04 PM
Drop Down Overlapping Content

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

My "Bulletin Board" in upper right corner works perfectly in IE, but opens a text only box at the other side of the page in FF.

??

http://roses-and-teacups.com/CSSHome3.php
ddadmin
10-21-2008, 08:07 AM
You have two "style" properties defined inside the Drop Down DIV, which is probably the problem. Try removing the code in red below:


<DIV style="text-align: left" id="subcontent2" style="position: absolute; visibility: hidden; border: 4px solid navy; background-color: #F8F8F8; width: 250px; height: 180px; padding: 4px;">
NancyRoses
10-21-2008, 11:12 PM
But I want the text in the drop down to align left.

Also... tried to add an image to that drop down div, but it didn't work... something special I need to know?
ddadmin
10-22-2008, 02:59 AM
You're free to add align-left to your inline CSS. The point is, it should all be done inside one style property (not two). For example, try the below:


<div id="subcontent2" style="text-align: left; top: 0pt; left: 0pt; visibility: hidden; position: absolute; width: 200px; border:1px solid black; background: lightyellow">

<br>
Pardon our Virtual Dust!<br>
We are changing over<br>
to our New Template!<br><br>
Economy-Fighter Sale!<br>
20% Off Romantic Victorian!<br>
Hats, Bears, Pillows, More!<br>
Coming Soon!

</div>
NancyRoses
10-22-2008, 04:21 PM
That was it!! Still soooooooo much to learn!

I can't thank you enough for this site, these scripts, and all of this kind assistance!!

We did a survey, and got an overwhelmingly positive response to the javascript changes we are making on the site!!!

So far I have added the Any Link Vertical menus, this wonderful "unfolding" message board, the Jump to Top link, and Snow on our Christmas pages. Wonderfully fun, and the site is so much easier to navigate!!

Did you have any advice for attempting to tuck an image into this div? Maybe I just did it incorrectly.
ddadmin
10-22-2008, 05:17 PM
You're welcome. :)


Did you have any advice for attempting to tuck an image into this div? Maybe I just did it incorrectly.

I don't see why not- you can embed any HTML content into the drop down DIV, images included.