CODEWITHSUNDEEP
cssfirefoxmarginpadding
Luke B
Luke B

Reputation: 13

CSS Issue for Firefox (extra padding)

Hi I am building a store on Volusion, and can't figure this problem out. The issue is that in IE, Chrome, Safari, my padding for search_refinement_filters is looking fine, but in Firefox, they are being pushed about 350 px to the right. Check out the Firefox CSS issue here

Please let me know if you can help! I have tried moving search_refinement_filters from the content div to content area, but unfortunately I wasn't able to configure that to work either.

Thanks!

Upvotes: 0

Views: 203

Answers (3)

Dhiraj
Dhiraj

Reputation: 1871

Just add following styles to your #search_refinement_filters div. Remove others.

#search_refinement_filters {
  position: absolute;
  top: 100px;
  left: 232px;
  width: 700px;
}

And then apply position: relative to your #content div.

#content {
  position: relative;
}

Upvotes: 0

kylealonius
kylealonius

Reputation: 223

As 2C-B said #search_refinement_filters has left padding and left margin. These can be removed or overridden to prevent the issue with the styling.

You should definitely get Firebug for Testing purposes if you don't already have it.

Get it here: https://getfirebug.com/

It is an invaluable tool for debugging html, css, and javascript problems.

Hope this helps.

Upvotes: 0

2C-B
2C-B

Reputation: 3457

It's due to the left padding and left margin on #search_refinement_filters. You also have some weirdness with the absolute positioning. You may want to add position: relative to #content.

Take a look at Firebug. It is a convenient tool for analyzing code in Firefox.

Upvotes: 2

Related Questions