Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jan 2004
    Posts
    7
    Member #
    4608
    Hi folks...

    The page:
    http://www.lullabot.com/node/18

    The problem in question is the secondary subnavigation layout. In IE, the background image only extends so far in IE, whereas in Firefox/everything else looks fine. See how, when correct, the <li>'s are wide enough that they'll go past the left edge of the browser? Not happening in IE.

    The site is centered, and the background image of the links in my subnav <li>'s are set to display on a:hover.

    I'd appreciate any help offered here, thanks!

    The menu CSS:

    Code:
    .second #secondary-nav {
      position: absolute;
      top: 187px;
      left: 20px;
      margin: 0;
      padding: 0;
      width: 120px;
      font-size: .6875em; /* 11px */
    }
    
    .second #secondary-nav ul {
      list-style: none;
     }
    
    .second #secondary-nav ul li {
      list-style:none;
      margin: 0 0 .5em -500px;
    }
    
    .second #secondary-nav ul a {
      display: block;
      text-align: right;
      padding: 0 8px 0 9px;
      color: #394E81;
      text-decoration: none;
      line-height: 18px;
      white-space: nowrap;
    }
    
    .second #secondary-nav a.active {
      background-image: url('images/sl-whitebar.gif');
      background-position: center right;
      background-repeat: no-repeat;
      margin: 0 0 0 -800px;
    }
    
    .second #secondary-nav a:hover {
      text-decoration: underline;
    }

  2.  

  3. #2
    Senior Member igeek's Avatar
    Join Date
    Oct 2005
    Posts
    202
    Member #
    11644
    i actually like the navigation better in IE... the site looks good.

    im interested to know how you did your contact form?
    I liked the expanding textarea...the whole form moves after you submit..
    how did you manage that?

  4. #3
    Junior Member
    Join Date
    Jan 2004
    Posts
    7
    Member #
    4608
    Well, the expanding textareas are a standard feature in the newest beta incarnation of Drupal.

    Regarding the IE sub nav, I have to get the site the same across all browsers by the client's request. By design, it must have the expanded a:active background image just like in Firefox/whatever.

    The site was designed by the client, I've been brought in to squash IE bugs; this is the last one and the one thats driving me nuts!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:05 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com