Why does CSS padding different in firefox?

• 

  jacobmuselmann · Member · Feb 18, 2014 at 9:31 pm

  • Copy link
  • Add topic to favorites

  Why does css padding display differently in firefox? It shows up fine in Chrome and Safari. I’ve tweaked my coraline theme like this:

  #container {
  width: 500px;
  height: 90%;
  padding: 10% 10% 0;
  }

  Any insights? Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  gracejiyoung · Member · Feb 21, 2014 at 7:32 pm

  • Copy link

  Hi Jacob,

  I believe what’s happening is that Firefox is giving the overflow: hidden to block the width it should have and then clearing it past the float, while Chrome seems to make them even.

  I have fixed the issue via CSS, which you can view by going to your CSS editor. I checked it on Firefox and found that everything was looking as it should!

  Happy Blogging!

• 

  jacobmuselmann · Member · Feb 21, 2014 at 7:38 pm

  • Copy link

  Genius, you are. Thank you!

• 

  gracejiyoung · Member · Feb 21, 2014 at 8:06 pm

  • Copy link

  You’re very welcome!

  Cheers!