Border wont show in other browsers.

[Anonymous]

I have a border inside the iframe page and it displays perfectly in Chrome and Safari. But it wont display properly in Firefox or Opera. Does it have something to do with the doctype?
[ website.](http://reallycoolstuff.net/PROJECTS/JV/ “”)

[Alen]

Show us the CSS code you are using for border?

[Anonymous]

@AlenAbdula

body
{
background-color:#1e1e1e;
overflow:hidden;
font-family:sans-serif;
background-image:url(‘images/framebackground.png’);
border:dotted 2px #000000;
box-shadow:inset 0px 0px 10px black;

Better yet here’s a pen [pen](http://codepen.io/Jarolin/pen/bwLJs “”)

[Alen]

I’m guessing it’s because you are using iframes. As there are inconsistencies between browsers. Here are some [thoughts on iframes on StackOverflow](http://stackoverflow.com/questions/755795/are-iframes-html-obsolete).

[eatyourbrians]

Try using a fixed height of 428px for the body in the css for your iframe.

[Anonymous]

@eatyourbrians didn’t work.

[Anonymous]

@CrocoDillon Thanks bro. I gave the body a height of 420px and it works.

@eatyourbrians You actually mentioned that first but for some reason i didn’t try it. Thanks to you too.

[Author]

Posts