(SOLVED) Embed tag (iframe) adds 10 pixel padding on right side
Posted: Sat Nov 06, 2010 12:39 am
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 ( .
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 in the header and a wrapping div called container. The CSS is as follows
Is it supposed to do this? Or am I doing something really wrong here?
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}
Code: Select all
body {
text-align: center;
}
#container {
width:1000px;
}
#content{
background:#ccc;
}
#myframe {
height: 600px;
}