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 2 of 2
  1. #1
    Senior Member
    Join Date
    Oct 2007
    Posts
    241
    Member #
    15910
    Hello, for the site I am working on, www.roboticmagazine.com please look at the home page, to the blue menu buttons on the left side. they look normal for IE, but for FF they look on the top of the gray bar above. The correct look is like in IE.

    Note that if you go to any other page, say, www.roboticmagazine.com/toys.php the buttons look okay for FF as well. But for some reason, just for home page, they look over the top of the gray menu bar above. And I checked everything and didn't notice anything that might cause the difference between the index page and other category pages. All category pages display menu bar at correct location in FF. What might be the reason? and how to correct?

    And by the way, here is the css code:

    .sidebuttons
    {
    position:absolute;
    left:5px;
    top:245px;
    width:176px;
    }


    this is referred to in a specific file for side buttons and then it is first included in one file and then that file is included in all the files, to display side button on all pages.

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    You have margin -15px for the top of the "a" tag. IE and FF render negative margins differently. The home page is reading styles "margin and padding set to 0 for the "menu" class. The other pages are not reading any styles for that "menu" class which means it is inheriting rules from another element. So, you have a couple of issues going on here.

    This is why ul lists are nice for navigation as you can set margins to the li instead of the "a" tag. You have a lot of coding problems so much that when you change one thing, it will affect other things. Absolute positioning really hurts you in a tight and busy layout like you have. It may be ok until you need to change one little thing, then it all falls apart.

    See if you can put that menu in a list instead and it will give you more control and you won't have to use negative margins. Also find out why the other pages are reading different styles than your home page.


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 10:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com