Title: Google Map iframe height and width incorrect
Last modified: August 20, 2016

---

# Google Map iframe height and width incorrect

 *  [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * (@gcoleson)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/)
 * I can’t get the height and width set in my google map iframe to be respected 
   on a page. The maps just sizes to the width of the page and it seems a height
   to match. I have tried several iframe plugins and the same issue happens. I view
   the source of the page and the iframe is the same as in my page.
    Here is a link
   to the page: [http://decaturfarmersmarket.com/wordpress/?page_id=772](http://decaturfarmersmarket.com/wordpress/?page_id=772)
 * Below is the iframe in my post.
    Any ideas?
 * <iframe src=”[http://maps.google.com/maps?q=33.773286,-84.296811&num=1&t=m&ie=UTF8&ll=33.773012,-84.29698&spn=0.017837,0.021372&z=14&output=embed&#8221](http://maps.google.com/maps?q=33.773286,-84.296811&num=1&t=m&ie=UTF8&ll=33.773012,-84.29698&spn=0.017837,0.021372&z=14&output=embed&#8221);
   frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” width=”250″ height
   =”250″></iframe>

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Floridian12](https://wordpress.org/support/users/floridian12/)
 * (@floridian12)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733208)
 * Did you try throwing a div around it? Such as `<div style="text-align: center;"
   ><iframe src="http://maps.google.com/maps?q=33.773286,-84.296811&num=1&t=m&ie
   =UTF8&ll=33.773012,-84.29698&spn=0.017837,0.021372&z=14&output=embed" frameborder
   ="0" marginwidth="0" marginheight="0" scrolling="no" width="250" height="250"
   ></iframe></div>`
 *  Thread Starter [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * (@gcoleson)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733210)
 * good idea, but no luck. The same issue happens. You can see the with the div 
   and without on the page and they behave the same. Any other ideas?
 *  [Floridian12](https://wordpress.org/support/users/floridian12/)
 * (@floridian12)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733213)
 * Is your CSS controlling the width of embedded objects? I just tried using your
   code on my blog and it worked perfectly.
 *  Thread Starter [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * (@gcoleson)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733215)
 * It looks like wordpress is automatically adding in the div fluid-width-video-
   wrapper for that section. How would I suppress that or override it?
 * .fluid-width-video-wrapper {
    width: 100%; position: relative; padding: 0; }
 *  [Floridian12](https://wordpress.org/support/users/floridian12/)
 * (@floridian12)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733216)
 * Remove the width: 100% and try
 * margin-left: auto;
    margin-right: auto; margin-bottom: 0px; margin-top: 0px;
 * Or just remove the width: 100%
 *  Thread Starter [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * (@gcoleson)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733229)
 * Where would I find that code? It is not in my style.css. I am a bit new to this
   level of editing
 *  [Floridian12](https://wordpress.org/support/users/floridian12/)
 * (@floridian12)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733233)
 * Do you have more than one stylesheet? Or maybe the CSS code is within your header?
 *  Thread Starter [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * (@gcoleson)
 * [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733243)
 * I was able to do a trial of what you suggested in Google Chrome by inspecting
   the element and editing the css right in the browser and it worked
 * I think I am having this issue:
    [http://wordpress.org/support/topic/plugin-podpress-not-working-on-firefox-browser?replies=16](http://wordpress.org/support/topic/plugin-podpress-not-working-on-firefox-browser?replies=16)
 * I think I need to create a child theme to fix this correctly.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Google Map iframe height and width incorrect’ is closed to new replies.

## Tags

 * [iframe](https://wordpress.org/support/topic-tag/iframe/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 2 participants
 * Last reply from: [gcoleson](https://wordpress.org/support/users/gcoleson/)
 * Last activity: [14 years ago](https://wordpress.org/support/topic/google-map-iframe-height-and-width-incorrect/#post-2733243)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics