(SOLVED) Embed tag (iframe) adds 10 pixel padding on right side

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
kjoett
Forum Members
Forum Members
Posts: 14
Joined: Mon Oct 04, 2010 10:02 am

(SOLVED) Embed tag (iframe) adds 10 pixel padding on right side

Post by kjoett »

I'm making a site for some photographers and they want to be able to use Lightroom to uplaod their galleries. So I figuered iFrames was suitable for this purpuse, and used the "embed"-tag in the content WYSIWYG-window (

Code: Select all

{embed url=http://www.fotofabrikken.no/communic/}
.
But it does not fill the div width. No matter what I try it still has a 10 pixel padding on the right side (left side if I float it to the right).
The only "fix" I have been able to make work is to make de containing div 10 pixels bigger then it should (but still if I add background color to the div it shows the 10 pixels padding).

It has nothing to do with the fact that it's a flash gallery, as I tried it on several different newspages and it's still there.. the horrid 10 pixels...

I have a very temporary link here where you can see the 10 pixels as a shade of gray on the right side: *removed*

The templet used is the standard generic one with the inclution of the

Code: Select all

{embed header=true}
in the header and a wrapping div called container. The CSS is as follows

Code: Select all

body {
	text-align: center;
}
#container {
	width:1000px;
}
#content{
	background:#ccc;
}
#myframe { 
	height: 600px; 
}
Is it supposed to do this? Or am I doing something really wrong here?
Last edited by kjoett on Sun Nov 07, 2010 11:49 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Embed tag (iframe) adds 10 pixel padding on right side

Post by Dr.CSS »

It comes from this, which is most likely in the embed code,maybe give #myframe a width:100% in your CSS...

 
kjoett
Forum Members
Forum Members
Posts: 14
Joined: Mon Oct 04, 2010 10:02 am

Re: Embed tag (iframe) adds 10 pixel padding on right side

Post by kjoett »

Just putting "witdh:100%" didn't work, but I added an "!important" behind it, and that worked! :)
Thanks for your time!
Last edited by kjoett on Sun Nov 07, 2010 11:47 am, edited 1 time in total.
Post Reply

Return to “Layout and Design (CSS & HTML)”