Showing iFrame horizontally centred

Question

I have an iFrame in a php, i want to show it as centered horizontal atleast, Here is my code. How can i edit it to make it show center horizontal in browser

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>

<div>
<iframe src="https://<??>" width="850" target="_parent" height="850" scrolling="no" style="overflow:hidden; border:none;" style = "display:block;"></iframe>
</div>

</body>
</html>

remove the extra style attributes, combine into one: `style="border:none; width:850px; margin: 20px auto;"` — Steve, Sep 15 '14 at 13:08
**[old question](http://stackoverflow.com/questions/8366957/how-to-center-an-iframe-horizontally)** — Prashant Tapase, Sep 15 '14 at 13:28

Wayne Whitty · Accepted Answer · 2014-09-15T14:31:41.227

1

You have two separate style tags. Be sure to merge them into one.
Try adding margin: 0 auto; to your style tag.

edited Sep 15 '14 at 14:31

answered Sep 15 '14 at 13:07

Wayne Whitty

19,513
7
44
66

Jim Gharib · Answer 2 · 2014-09-15T13:26:05.997

0

You need to put the iframe in a div then use css to center in the div like so:

<div class="myframe">
<iframe src="http://google.com" width="850" target="_parent"  height="850" scrolling="no"         border:none;></iframe>
</div>

<style type="text/css">
.myframe
{
margin: 0px auto;
width: 850px;
}
</style>

edited Sep 15 '14 at 13:26

answered Sep 15 '14 at 13:10

Jim Gharib

1
1

Showing iFrame horizontally centred

2 Answers2