SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    bellmore
    Posts
    81
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Display problem in Firefox vs IE -please help

    Can anyone tell me why the bulleted links in the top left nav bar and the bottom footer text aren't aligning properly in firefox. Please take a look at this http://www.mmprint.com/indexcss.htm in Internet explorer, where everything lines up perfectly.

    In firefox/netscape etc. both sections mentioned above are shifted down, and I can't figure out why?

    Any help would be greatly appreciated.

    Cliff

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

    Its probably the default margins of the ul which are different between browsers.

    Try this.

    Code:
    .Navlinks ul{margin-top:0;}
    You may need to adjust padding and other margins also but try the above first.

    (IE uses margin for its indent and mozilla uses padding.)

    Paul

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    bellmore
    Posts
    81
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Unfortunately, that did njot work, any other ideas?

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,486
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Unfortunately, that did njot work, any other ideas?
    I don't believe you Try it again

    If it still doesn't work update the site with the code and let me see what you've done. I have it working locally with no problem

    Paul

  5. #5
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    bellmore
    Posts
    81
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul. I really apologise if you feel I am wasting your time, but understand the help you have given me has been invaluable. My problem is although you have given me the code I am unsure how to correctly impliment it. Where does that go exactly, it doesn't look like something that is formatted for the CSS file?

    Again, sorry for the lack of technical savy here, I am green.

    Please let me know,

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,486
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    We are talking about the same thing aren't we ?

    I'm looking at the bulleted list underneath the "get an estimate" phrase that starts with postcard .

    In firefox its pushed downwards and out of the div at the bottom.
    Just add the bold part below underneath this style in your css sheet.
    Code:
    .Navlinks {
     position: absolute;
     left: -13px;
     width: 179px;
     height: 254px;
     top: 170px;
     z-index: 33;
     margin: 0px;
    }
    .Navlinks ul{margin-top:0;}
    That will target the top margin on the unordered list and pull it back upwards in line with ie (which doesn't add a top margin by default.)

    Hope that's what you wanted

    Paul

  7. #7
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    bellmore
    Posts
    81
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dead on Paul! works perfectly... thanks for repeating yourself in a way I can understand. :-)


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
  •