Reputation: 55132
I am working with bootstrap. For some reason there is space on the right side and I can horizontally scroll which I don't want to allow. I tried to remove some styles to find out why with firebug and saw it is coming from the <html>
tag, when I mouse over the <body>
tag, I can see that there is extra space on right which body
is not covering but html is
covering.
How can I remove that space to remove the horizontal scroll?
Upvotes: 0
Views: 1942
Reputation: 20492
#footer {
background: none repeat scroll 0 0 #010627;
border-top: 1px solid #111111;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
clear: both;
color: #BBBBBB;
margin: 2.5em -50px 0; /* <-- margin-right:-50px? */
padding: 20px 50px;
}
Before 'patching' with some hoverflow:hidden, try to figure out what gets out content out of viewport.
margin: 2.5em -50px 0; /* <-- margin-right:-50px? */
Upvotes: 2
Reputation: 562
It's hard to identify your problem without code, but this might be worth a try. In your body section of css, add the line:
overflow: hidden;
See here for more overflow options that might help you design your page in regards to scroll-bars. No guarantees, but worth a try!
Upvotes: 0