I reset the margins and padding to 0
. I set the <html>
, <body>
width to 100%.
My CSS looks something like this:
html, body {
margin:0;
padding:0;
width:100%;
}
#wrapper {
margin:0;
padding:0;
width:100%;
background-color:#ccc;
}
Whenever I resize the browser to the point I get a horizontal scroll bar the div doesn't take the full 100% width. Not even the body or html. I have firebugged it and there's about a 180px gap.
You can use overflow for that
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
overflow: auto;
}
I also faced similar issue and i used this
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With