Forums

Jarolin

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.

AlenAbdula

Show us the CSS code you are using for border?

Jarolin

@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

AlenAbdula

I'm guessing it's because you are using iframes. As there are inconsistencies between browsers. Here are some thoughts on iframes on StackOverflow.

eatyourbrians

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

Jarolin

@eatyourbrians didn't work.

CrocoDillon

The border is there in FF, but the body has 0 height. You might wanna look into that. Either another type of clearfix or a workaround like setting height on the body inside the iframe.

Jarolin

@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.

treehouse : what would you like to learn today?

Forums

[Solved] Border wont show in other browsers.