float google map

Is there a way to float the google map on the contact page?  I would like it to float to the right. I tried added float:right; to the map code and it didn't work.

http://80b.b9a.myftpupload.com/contact/
nsitedesignsAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tom BeckCommented:
If you can change your markup so that the words and map are in separate <div> containers like this:
<div itemprop="text" class="entry-content">
   <div class="contact-info">
      <p>Martin Automotive is located a few blocks south of downtown Sheboygan.</p>
      <h2>Address</h2>
      <p>729 South 8th Street<br>
      Sheboygan, WI&nbsp; 53083</p>
     <h2>Phone</h2>
     <p>Call (920) 458-4631 to setup a car repair appointment.</p>
   </div>
   <div class="map-content">
      <p><iframe width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2882.2629446815754!2d-87.71256279999997!3d43.746636200000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8804a7c22e6889bb%3A0xb610ecc7bfe7a1b!2sMartin+Automotive+Inc!5e0!3m2!1sen!2sus!4v1441910613292" style="border: 0;"></iframe></p>
   </div>
</div>

Open in new window

Then add some css. Having the map float right only looks good when the browser window is at least 800px wide, so I would use a media query.

@media screen and (min-width:800px) {
   .entry-content .map-content {
      width:55%;
      float:right
   }
   .entry-content .contact-info {
      width:40%;
      float:left
   }
}
Mock up

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
nsitedesignsAuthor Commented:
Thanks Tom!

I tried it but am running into a cache issue again.  UGH!!

I will have to wait an hour or two to see if this works on my end.  Thanks again.
Tom BeckCommented:
Maybe contact the host. Perhaps they have a "development mode" that turns off caching for that domain.
nsitedesignsAuthor Commented:
Yeah!  Worked!
Tom BeckCommented:
Good to hear. Thanks for the points.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.