2 Replies - 627 Views - Last Post: 02 May 2020 - 10:46 AM

#1 marar   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 10-January 20

why my google map iframe didn't fill all the blank space in Safari

Posted 11 January 2020 - 12:49 AM

   <div class="col-sm-7">
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3578.0147224444613!2d49.99009651503121!3d26.2611855834126!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e361e69a73c778b%3A0x76faf42a0d6a9da0!2sMiddle%20East%20Battery%20Company%20(mebco)!5e0!3m2!1sen!2ssa!4v1566989086229!5m2!1sen!2ssa" width="100%" height="280" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
				</div>   


Is This A Good Question/Topic? 0
  • +

Replies To: why my google map iframe didn't fill all the blank space in Safari

#2 danchy22   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 29
  • Joined: 27-April 20

Re: why my google map iframe didn't fill all the blank space in Safari

Posted 02 May 2020 - 08:15 AM

try doing your styling in your stylesheet.css file (if you have one). also your not giving a sizing unit in the height but you are in the width?
Was This Post Helpful? 0
  • +
  • -

#3 Radius Nightly   User is offline

  • D.I.C Regular

Reputation: 57
  • View blog
  • Posts: 365
  • Joined: 07-May 15

Re: why my google map iframe didn't fill all the blank space in Safari

Posted 02 May 2020 - 10:46 AM

Full Screen, true or false? For width/height use %. For border size use none instead of 0px, a px.
Play with iframe before CSS. Each web browser got its own defaults in CSS, so to work in all web browsers, you will have to make CSS for each browser, or simply try to avoid it, if you configure iframe properly on its own, it should work just fine.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1