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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -