8
Views
6
Comments
Remove white space from iFrame
Question
Hi all,

I have a list of iframes but each iframe (which is a page with a 40px grey table) is shown surrounded by a huge white space all over it.

Do you have any ideas on how to remove this space and leave just the frame?

Thanks and Regards to all,

RP
2011-08-23 22-04-05
Tiago Simões
Staff
Hi Rui,

Those might be the inner document margins, you can try to add this css to the screen that is inside the frame.

<style>
document, body {margin:0px;}
</style>

Cheers,
Tiago Simões
UserImage.jpg
Rui Pedro
Where exactly am i to put that code?

I never include tags in my CSS, is it possible?

Thanks,
RP
2011-08-23 22-04-05
Tiago Simões
Staff
You are right, do not include the tags, just put 

 html, body {margin:0px;}

in your page css (my previous code was wrong, it is not document, it's html).

Cheers,
Tiago Simões
UserImage.jpg
Rui Pedro
Thanks Tiago,

I've wrapped my page in a container to which i gave the extended property style with your code: "html, body {margin:0px;}" , and nothing changed.

Am i doing something wrong? Or any alternative?

Regards,

RP
2011-08-23 22-04-05
Tiago Simões
Staff
Hi Rui,

You should either put that in the eSpace style sheet or in the web screen style sheet (in case you are using 5.0+)
To better understand where those margins came from I would suggest using firebug, take a look into this page: https://getfirebug.com/layout

Cheers,
Tiago Simões
UserImage.jpg
Rui Pedro
I've tried and nothing changed.

From what i could tell, firebug is for mozilla, and i'm using IE.

Thanks anyway,

Cheers,
RP
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.