CODEWITHSUNDEEP
htmlcssiframe
Gaurav
Gaurav

Reputation: 780

align an iframe

I have a html page and I want to align an iframe at the bottom of the page such that the iframe occupies all the width , I am unable to align the iframe at the bottom.Please find the iframe tag at the bottom of the page.

<html>
<body>

<p>The rest of the code has not been mentioned to reduce code overflow.</p>
<p>I want to align the iframe after a long page having no. of jquery , images etc.</p>

<iframe src ="bottom.html" width="100%" height="200" style="float:bottom" scrolling="no" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>

Upvotes: 1

Views: 7569

Answers (2)

Gaurav
Gaurav

Reputation: 780

Use top tag instead of bottom tag.

<iframe src="bottom.html" style="position:absolute; top:450px; height:200px; width:100%;" scrolling="no" frameborder="0">

Upvotes: 0

Senica Gonzalez
Senica Gonzalez

Reputation: 8182

<iframe src="bottom.html" style="position:absolute; bottom:0px; height:200px; width:100%;" scrolling="no" frameborder="0">

Sorry. Try that instead.

Upvotes: 1

Related Questions