View Full Version : Chrome problem

08-04-2009, 04:42 PM
1) Script Title: Chrome CSS Drop Down

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: Hi! I have Chrome working for the most part..but i have noticed in certain instances that the drop down menus float too far to the right..on my 21" monitor everything is fine in bot FF and IE...on my laptop which I think is 15" everything is fine...but on my 24" screen all the dropdowns go to the right....

The site is http://www.photo-resources.com

Any insight?!?! Thanks so much...I have been looking at this for hours and am just stumped!

08-05-2009, 06:02 AM
Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving all the drop down DIVs to the bottom of your page, just above the "</body>" tag:

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.photo-resources.com/page.php?id=1">The Story</a>
<a href="http://www.photo-resources.com/page.php?id=2">Press</a>
<a href="http://www.photo-resources.com/contact.php">Contact</a>

<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv">

<a href="http://www.photo-resources.com/members/user_account_add.php">Join Cool Photo Ideas</a>
<a href="http://www.photo-resources.com/members/index.php">Log In</a>
<a href="http://www.photo-resources.com/page.php?id=3">Consumer FAQ</a>
<a href="http://www.photo-resources.com/search.php">Advanced Search</a>
<a href="http://www.photo-resources.com/page.php?id=6">Articles</a>
<a href="http://www.photo-resources.com/sitemap.php">Sitemap</a>


<!--3rd drop down menu -->
<div id="dropmenu3" class="dropmenudiv">
<a href="http://www.photo-resources.com/compare.php">Get Listed</a>
<a href="http://www.photo-resources.com/members/index.php">Log In</a>
<a href="http://www.photo-resources.com/page.php?id=7">Why List With Us</a>
<a href="http://www.photo-resources.com/page.php?id=3">Article Program</a></div>

<script type="text/javascript">