css - Getting horizontal scroll bar when everything is contained in the divs -
so upon resizing browser smallest possible im still getting horizontal scroll bar reason. cant have responsive purposes. ideas?
http://www.techagesite.com/page-1work11122.htm
another thing while im here
you notice email form , div beside border on it. when browser shrinks 2 divs collide , overlap.
im still learning css , have tried sever approaches nothing sticks.
help appreciated
the horizontal scroll bar appearing because <ins class="adsbygoogle"> in div #box6 has inline width specified 200px. remove horizontal scroll use below css
#box6{ overflow:hidden; } edit: desired effect mentioned in comment try below css in media query smaller screen.
the mailchimp form has width of 200px specified forms. causes right column overlap left section on re-sizing window. setting width div container within box6 , floating left both left , right divs push right section below when screen doesn't have space occupy both divs side side.
also <ins class="adsbygoogle"> has width of 200px given inline, can remove width:45% specified .right-column style sheet because div take 200px width of content.
@media screen , (max-width: 480px) , (min-width: 321px){ #box6 .container{ width:200px; float:left; } #box6 .right-column{ float:left; } }
Comments
Post a Comment