css - Divs overlapping on browser resize -


I am running in some issues, when both these divisions are trying to sit next to each other, When there is a room in the browser, they sit under each other in a small size, they currently overlap at the exit of the room.

`

  CSS Container 3 {Width: 100%; } .left-column3 {width: 50%; Swim left; } .right-column3 {width: 45%; Swim left; } html & lt; Div class = "container3" & gt; & Lt; Div class = "left-column3" & gt; & Lt ;! - Start the MailChimp signup form - & gt; & Lt; Link href = "Not saved: //cdn-images.mailchimp.com/embedcode/classic-081711.css" rel = "stylesheet" type = "text / css" & gt; & Lt; Style type = "text / css" & gt; #mc_embed_signup {background: # 0F3053; Border: 2px solid # 0D3161; Clear: left; Font: 14 px helvetica, tecton supporter; Width: 200px;} / * your site stylesheet or add your own Melchaip form style overrides in this style block, we recommend moving this block and the preceding CSS link in the HEAD of your HTML file. * / & Lt; / Style & gt; & Lt; Div id = "mc_embed_signup" & gt; & Lt; Form action = "http://techagesite.us7.list-manage.com/subscribe/post?u=44c8ba98080f0bb3aa7fae3b4d&id=id=9a6386011a" method = "post" id = "mc-embedded-subscribe-form" name = "MC-embedded-subscribe-form" class = "validate" target = "_ blank" navilidate & gt; & Lt; Hour color = "# FFCC0000" & gt; Subscribe to free mobile content & lt; Div class = "mc-field-group" & gt; & Lt; Label = "mce-EMAIL" & gt; Email address & lt; / Label & gt; & Lt; Input type = "email" value = "" name = "EMAIL" class = "required email" id = "mce-EMAIL" size = "20" & gt; & Lt; / Div & gt; & Lt; Div id = "mce-responses" class = "clear" & gt; & Lt; Div class = "response" id = "mce-error-response" style = "display: none" & gt; & Lt; / Div & gt; & Lt; Div class = "feedback" id = "mce-success-response" style = "display: none" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "clear" & gt; Input type = "submit" value = "subscribe" name = "subscribe" id = "mc-embedded-subscribe" class = "button" & gt; & Lt; / Div & gt; & Lt; / Form & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - end mc_embed_signup - & gt; & Lt; / Div & gt; & Lt; Div class = "right-column3" style = "border: 2px solid # 0d3161;" & Gt; & Lt; Script async src = "file: //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" & gt; & Lt; / Script & gt; & Lt ;! - 125 125 new - & gt; & Lt; ins class = "Adsbygoogle" style = "display: inline-block; width: 125px; height: 125px" data-ad-client = "ca-pub-2873697026320753" data-ad-slot = "8526185658" & gt; & Lt; / Ins & gt; & Lt; Script & gt; (Adsbygoogle = window.adsbygoogle = []). Push ({}); & Lt; / Script & gt; & Lt; / Div & gt;   

'

 . Container 3 {Width: 100%; } .left-column3 {width: 90%; } .right-column3 {width: 90%; } / Responsive Web Design ************* / @ media *********** 1024 only screen and {width: 50%; Swim left; } .right-column3 {width: 45%; Swim left; }}   

/ I'm sure it will help you /

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -