View Full Version : scrollable iframe positioning in table

07-03-2005, 05:37 AM
im using the scrollable iframe script (http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm) in a table within my website. i load all my subpages in that iframe. i just need to make a slight adjustment on where the subpage is displayed within the table (in the iframe).. i cant figure out how to move it to the correct position. here is my website http://www.ikonmusic.net ...now if you go there and click on the 'Biography" link, for example, youll notice that the text does not load inside the cartoon bubble graphic, which is my goal here. what part of the code do i have to insert/adjust to achieve my goal? ive tried inserting leftmargin="?" inside the <iframe> tag but nothing happened.

07-03-2005, 06:40 AM
Relative positioning should do the trick but, you've got another problem. In Mozilla (Firefox and probably many other browsers based on Mozilla) I can scroll the content in the iframe by clicking on it and using either the mouse wheel or the up/down keys. In IE6 I just can't get it to scroll. Anyways, try this to position it:
<iframe name="ikon" id="datamain" style="position:relative;left:-25px;top:-35px;" src="http://ikonmusic.net/index2.html" marginheight="0" marginwidth="0" hspace="0" vspace="0" allowtransparency="true" frameborder="0" height="100" scrolling="no" width="250"></iframe>Those are negative values moving it to the left (reducing its distance from the left) and top (reducing its distance from the top). Adjust as needed. About the scrolling, I see you've removed the scrolling controls that come with this script. I'd think about putting them back. You could replace the text with small images resembling arrows or just use small triangles one pointing up, one down.

07-03-2005, 08:43 PM
got it thanks...and i added those scroll buttons