Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by James Hollingworth
James Hollingworth
3,662 Points

Firefox 22.0 adding extra 10px padding to the right?

Hi

Can anyone help. I building a site and in firefox 22 is adding extra 10px padding to the right? I can't seem to see how to get rid of it. So everything is 100%. I think it is something to do with my footer. ht

Can anyone help?

Thanks

James

4 Answers

James Hollingworth
James Hollingworth
3,662 Points
James Hollingworth
James Hollingworth
3,662 Points

T

Richard Crawford-Wilson
Richard Crawford-Wilson
6,094 Points
Richard Crawford-Wilson
Richard Crawford-Wilson
6,094 Points

Wow you're pretty talented! I'd love to work with you sometime. Hit me up at r.crawfordwilson@gmail.com or on github.

On the other hand, I don't know specifically what's going wrong, looks fine on my end.

James Hollingworth
James Hollingworth
3,662 Points
James Hollingworth
James Hollingworth
3,662 Points

Thanks! I will have to email you sometime. I think i have sorted it now!

Cheers

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

I agree that it's a good looking page, however, if you are worried about the 3 divs aligned horizontally, specifically 'Published Work', then there are 2 ways you could go.

  1. Either edit gridset.css and choose one of the following:
    • line 91: [class*=" d-pad"] - padding-right (decrease from current 1.25%)
    • line 87: .d1-d3 - width (increase slightly from current 31.5833%;)
  2. Edit www.svg and remove the whitespace, at least on one of the sides.

I'm not even sure if that's what you mean, but if it is then choose one of the following. Personally I would try editing the svg first since I assume gridset.css is from some kind of framework or similar.