Enlarging Workaround Problem - Ribbon + Fullsize + Lightbox

Hello,

I am putting some pictures on my homepage and I am using an iFrame so the html page can have the slideshow. But when the images enlarge, they are bound to the iframe size and get cut off and such. How can I work around this without messing up the layout?

index.html

index.php?gallery=6&theme=dark

Also, I would like a transparent background for the bottom most background color (the darker one). I tried to change it but it won't go transparent, just to color colors.

Basically I am going to have an iFrame where the different galleries show up and when you click on it, it loads the iFrame to the specific gallery link. But again, i want the images to re-size a lot larger than the iFrame is....

Ok, to reply to myself... to go transparent I had to delete the

body.pg {
background-color: #222;
}


code from BOTH the common and dark css style sheets. BUT in IE, the background turned to white.

I don't think that you will be able to make the enlarged image show full size if the frame is too small. You will be limited by the size of the frame. It looks like you have been able to fit it into the site though like this, do you have any tips for others trying to do a similar thing?

Ok, what I did was when creating the CSS page (via CSS Sculptor), I put a good 200 pixels extra on the left, right, and bottom. So you see the borders of the page, but it really goes far past in on almost all sides. Then I made the background transparent so you don't see it and it expands past the background since the iFrame really goes past it in reality.

The black area in the picture is where you would think the background area ends.

levy4uphotog.png

That is a very creative approach to the problem. Thanks for posting back with that.