CSS margin issue in Firefox

  • Resolved j_mo

    (@j_mo)


    14 years, 11 months ago

    Hi,

    I am in the process of styling my sidebar and have a problem with margins. I have tested my site in Firefox, Chrome, Safari & IE8, the problem only occurs in Firefox.

    Please visit my site and you will see that the margins below the searchbar and then the div underneath are larger that the rest (which are 10px).

    I cannot find what is causing the issue and have tried endlessly to sort it. Perhaps someone with Firebug could have a look and help, I would be extremely grateful.

    Thanks in advance
    Phil

Viewing 6 replies - 1 through 6 (of 6 total)

  • I can’t see any problems in Firefox 3.6

    Thread Starter j_mo

    (@j_mo)

    I too am running Firefox 3.6.

    When I view my site, the top featured projects and the search bar have a margin of 10px between them.
    Then the search bar and the div underneath (also named featured projects for now) has a margin of around 20-25px. The same goes for the next margin also.

    I would like each to have a margin of 10px but cant see what to edit.

    I assume it is the same for you??

    OK- now I see the difference (near-black on black makes it harder to spot). Try removing margin:0 2px 0 0; from:

    #features li {
display:inline;
margin:0 2px 0 0;
padding:0;
}

    in style.css

    Thread Starter j_mo

    (@j_mo)

    Well that was easy, thanks. I spend at least and hour trying to solve that one!!

    Thread Starter j_mo

    (@j_mo)

    Whilst I have your attention…Di you think the grey and very dark grey are too close??

    Only when you’re trying to spot different margin sizes. ??

    From a design perspective, I think it looks quite good. But then I’ve a similar grey/dark grey color mix on one of my sites, so I may be a little biased.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS margin issue in Firefox’ is closed to new replies.

Tags