IFRAME Aligned to Right

[WiseWizards]

Dear WebForumz:

I am currently working on a webpage where I need an IFRAME positioned on the right side of the screen along with everything else filling in the space around it. I have tried all the align and style techniques I know, however, the paragraph, that should be aligned to the left, goes the whole way across the screen and puts the IFRAME, which should be aligned to the right, below it. How can I get the webpage to do what I'm asking?

Regards & Thanks,
Mike

[herkalees]

Put the iFrame in a div and float it right?

Or, lose the iFrame all together and use php includes, then stick that in a right-floated div.

[stoney666]

I think by simply putting the IFRAME source code above that of the paragraph. For example, you have:

Code: Select all

<CENTER>
<P ALIGN="justify" STYLE="margin-left: 20px; margin-right: 20px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</P>

<IFRAME SRC="http://329058.myshoutbox.com/?LANG=US&extcss=http://WiseWizards.tripod.com/ClientArea/TagBoardLayout.css" WIDTH="152" HEIGHT="300" FRAMEBORDER="1" allowTransparency="true" STYLE="float: right; margin-left: 20px; margin-right: 20px;"></IFRAME>

</CENTER>

Simply change this too:

Code: Select all

<CENTER>

<IFRAME SRC="http://329058.myshoutbox.com/?LANG=US&extcss=http://WiseWizards.tripod.com/ClientArea/TagBoardLayout.css" WIDTH="152" HEIGHT="300" FRAMEBORDER="1" allowTransparency="true" STYLE="float: right; margin-left: 20px; margin-right: 20px;"></IFRAME>

<P ALIGN="justify" STYLE="margin-left: 20px; margin-right: 20px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</P>
</CENTER>

I think that should work, although i havnt had chance to test it...

[WiseWizards]

For reference, I tried using the FLOAT attribute, but alas that did not work. I will go ahead and try the idea of placing the IFRAME above the paragraph

Regards,
Mike

P.S. I'm not all that skilled in PHP or PHP Includes (tried it once, didn't work).


*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-*-*-*-*-*-*-*-*-*-*-*-*-*

I placed the IFRAME above the paragraph--SUCCESS! Thank you for your help!