Iframe Padding

micheleyong / 2013-03-27 12:53:27   

Hi I've been trying to search an answer to removing the default iframe padding for the past few hours and tried all the advice given but nothing still works.

I'm trying to embed a gallery into an iframe but it creates a sort of padding (roughly 20 px) around the gallery. When I open the gallery independently (on a browser page without embedding it) it works fine, fills up the whole screen.

I tried looking at the iframed.php files but I'm not really sure what I should be searching for.

This is what I have:



The page: micheleyong.com/index.php/portfolio/test/

Advice or help would be greatly appreciated!

micheleyong / 2013-03-27 12:55:09   
  1. <body style="margin:0px; padding:0px; overflow:hidden">
  2. <iframe src="micheleyong.com/…;
lemathieu A / 2013-03-27 13:57:45   

Bonjour Michele,
this is making the padding you're talking about (line 93 of your style.css) :

  1. .container { padding: 27px 9px 25px 27px; }

But be carefull, it adjust paddings for #index and #exhibit together.
You can work on them separately at the end of your style.css file.

micheleyong / 2013-03-27 16:33:55   

Bonjour Lemathieu,

I tried what you suggested--working on the separate section and it works a bit, I still have the scrollbar with a tiny bit of extra space. Not sure where that problem is coming from :

This thread has been closed, thank you.