html - White space appearing on tablet or browser resize -
on current project in process of building tablet , mobile versions of site , testing within browser @ different sizes, though coming across problem when resizing browser.
the current version of site can found at: http://demo1.zenithtechnosol.net/simlim/html/
please test : http://responsivetest.net/#u=http://demo1.zenithtechnosol.net/simlim/html/|768|1024
basically whenever resize browser check how on tablet example, white space rendered right , x scrollbar appears, though width of containing element has not been exceeded.
i can pretty solve issue adding overflow: hidden disables x scrolling completely, don't want.
i have tested across major browsers, respond same, must css, i'm not sure, it's simple i've managed miss.
any appreciated!
you might want change .pad-20 {padding:20px}
.pad-20 {padding:20px 0}
, of course remove overflow-y:scroll; overflow-x:hidden
body
.
Comments
Post a Comment