Results 1 to 2 of 2

Thread: Chrome problem

  1. #1
    Join Date
    Aug 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Chrome problem

    1) Script Title: Chrome CSS Drop Down

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/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!

  2. #2
    Join Date
    Aug 2004
    Posts
    9,911
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    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:

    Code:
    <!--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>
    </div>
    
    <!--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>
    
    </div>
    
    <!--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">
    cssdropdown.startchrome("chromemenu")
    
    </script>
    
    </body>
    DD Admin

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •