Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ iFrame overflowing its div and I want it to be clickable

Posted by: frazer Jan 23 2012, 05:04 AM

Hi,

I am working on http://butler-bowdon.com/DCApp/cms/web/amazon

it has normally 3 columns, but for this shop page - I have put the amazon iFrame in the left column and made it wide enough to fill the design.

It almost works fine.

in the central column there are email and 'shareThis' buttons. These float above the iframe.

I have tried putting breaks in to move the buttons down, but then the iframe cant be clicked on anywhere outside the div it is in.

I tried (I know this is bad) a width=1 table to push the buttons down, but then the iframe cant be clicked on outside the div it is in.

I can click on the iframe fine anywhere below the 'shareThis' buttons, but I need to get them out of the way.

Any suggestions?

I am using a cms, so all I can easily edit is the content in the divs.

Posted by: pandy Jan 23 2012, 10:02 PM

In the browsers I tried the iframe covers everything except the top menu and the footer, that means the buttons too. Why have you positioned the iframe on top of everything else instead of using it in a normal manner? Is there a purpose or... ?