#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2005
    Posts
    1
    Rep Power
    0

    Drop down menu help


    Hi all,
    I'm having an issue with a drop down menu and have been beating myself up trying to figure it out. If I position the menu as relative it works when I resize the page/browser but it screws up the layout of the page (I put the <div> code right below the menu images to get it lined up but it throws the layout way off). By works I mean the menu will open right below the "Company" menu item regardless of browser size.

    Positioning the menu using absolute, it doesn't move if I resize the browser, etc. but it doesn't screw up the layout of the page. So my question is, how can I get this menu to always be under the correct menu option? You can use the link below to view my test page. The page is currently using absolute positioning and the coordinates are off since I was playing with the various positioning schemes.

    http://www.info-adv.com/test/css

    Any insight/help you can provide would be greatly appreciated. If you need me to elaborate or better explain my problem please let me know.

    Thanks,
    Tim
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,126
    Rep Power
    4309
    http://www.alistapart.com/articles/dropdowns/

    http://www.hut.fi/u/hsivonen/doctype
    http://www.alistapart.com/articles/doctype/
    http://www.juicystudio.com/choosing-doctype/

    I recommend the HTML 4.01 Transitional Doctype.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    I recommend ISO-8859-1 (Western European), but UTF-8 would be my second choice.
    Code:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

IMN logo majestic logo threadwatch logo seochat tools logo