Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Iframe resizing

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #188350
    bon_bon
    Participant

    Hi,
    I am new to CSS and HTML. I am trying to put a google map in my web site. I know how to do it if i put align in the iframe tag in the html file but I have to do it in the CSS file. I get the map to show but it stays on the bottom of the page and I am not sure how to make it move with the page. Here is my code:

    <div>
    &lt;iframe id="ifrm" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2412.4037716085086!2d-6.16668715!3d52.7970586!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4867c3e10bfec615%3A0x5653d19ba61882e8!2sSaint+Kevin's+Sports+Ground!5e0!3m2!1sen!2sie!4v1416007014698"&gt;&lt;/iframe&gt;
    </div>
    

    #mine{

    position: absolute;
    top: 450px;
    left: 420px;
    border: 0;
    

    }
    #ifrm{

    position :relative;
    width: 500px;
    height: 300px;
    top: 10px;
    left: 10px;
    

    }

    Thank you

    #188352
    bon_bon
    Participant

    I am sorry about that. Would that work ?
    http://codepen.io/anon/pen/jEOzVJ

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.