Margin issue and CSS selectors

Question

Hello,Often times I need to spend lots of time with Firebug to identify the class selectors responsible for some display issues, for example I have a page that is 15px wider than it should be and so the browser displays the horizontal scroll bar at the bottom.  http://prntscr.com/fraoh6Link here: Supreme - Find a DealerI was able to fix most of them by selecting the item within Dreamweaver and then creating a specific style for that combo selector but is that the best way or is there a better way or best practice I should adopt instead? I've got for all the divs:* {box-sizing: border-box;}So I'm guessing it's some embedded div that's causing the extra width but I'm trying to learn the best way to identify and fix this issue.  Thanks for your help.Brandon

osgood_ · Accepted Answer

container-master is the cause of your problem on the 'Contact Us' page.

That's the problem when you use Bootstrap it is not very well written and uses rather 'strange ways' to do ordinary things. In this case it puts some werid css on the 'container-fluid' css to position it. If you mess with that, like setting the container-master padding to 0 as you have done in your own css file that will cause 'container-fluid' to fail according to how it should work in the Bootstrap spec.This is the precise reason I avoid frameworks like the plague because you end up spending more time reverse-engineering (what's the point) and troubleshooting css that you did not write and know nothing about.You should really clean up all the repeated code in your pages, as a result of it being in your include files, that will not help when it come to solving issues. Spend a bit more time learning to code and a bit less time visually designing, which you are obviously good at, and it will all be a bit less frustrating. Find a balance.

BenPleysier · Answer

I think that the problem comes from your iframe(s) as inSee here for an explanation when using dimensions HTML iframe width Attribute

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded