SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation menu spacing in FF and IE8 different

    OK, I have my test site up and mostly done - http://www.saccc567.com/Test - it does need some tweaking but want to get the major things in place.

    However, the left navigation menu spacing changes between FireFox and IE8. The padding(?) seems to get bigger in IE8 and I like the spacing on FF.

    So.... what is going on? I mean besides IE8 has its own issues and/or way of doing things.

    Any ideas/help would be greatly appreciated.

    Thanks
    F

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,803
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    Lists may have default padding and margins depending on the browser so you need to control all the padding and margins on the ul which you are nt doing.

    Code:
    .mainNav {
      margin:0 0 0 15px;padding:0
    }
    .mainNav li,.mainNav li a{zoom:1.0}/* ie6/7 hack  - invalid css but will do no harm*/
    That should make it consistent in both FF and IE (or as close as can be expected).

    You also seem to have two stylesheets almost the same in place which makes it impossible to debug easily.

    Amalgamate the stylesheets and get rid of duplicated rules. You must keep the code clean and in good order or debugging is a nightmare.


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
  •