SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard ryanhellyer's Avatar
    Join Date
    Oct 2006
    Location
    New Zealand
    Posts
    2,323
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Menu flying too far to the right in IE6/7

    Hi,
    I'm having an annoying problem with the following menu:
    http://test.pixopoint.com/isportsweb/test.html

    Everything seems to be working fine, except in IE6 and IE7 the flyouts are appearing too far to the right. This seems to be happening whenever the following CSS is used:
    Code CSS:
    body {
    	text-align: center;
    	}

    Any ideas what is causing this? Any idea how to fix it without removing that particular piece of CSS? I tried using #pixopoint_menu_wrapper1 {text-align:left} but it didn't seem to help.

    Any help greatly appreciated

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is due to the "auto" left position when the dropdowns are brought back into view - IE guesses the required location taking into account the current text-align. Best to define that actual left coordinate.

    To avoid IE7's sticky bug, moving the dropdown using left margin would be better :
    Code:
    #pixopoint_menu1 ul ul {
    	position:absolute;
    	left: 0;
    	top:40px;
    	width:180px;
    	margin-left: -999em;
    	}
    #pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
    	margin-left: 0;
    	}

  3. #3
    SitePoint Wizard ryanhellyer's Avatar
    Join Date
    Oct 2006
    Location
    New Zealand
    Posts
    2,323
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks


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
  •