iframes and placing them

They have: 10 posts

Joined: Apr 2004

hey

im using iframes to open up a document within my layout. im using dreamweaver for the task. im aware that i make a new 'div' layer, and then place the iframe within it, then connect to a css style. but how?

i cant delete my old thread, so sorry.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

provide an url, please.

To connect *any* element to a CSS sheet, you give it a class or an id, or you can style it directly.

Without an example of where you're going wrong, we cannot help you and it's very rude to expect people to guess. Provide an example, please.

They have: 10 posts

Joined: Apr 2004

hey, i figured it out. http://www.problemdesigns.uni.cc/PDS/pdslout.php

HOWEVER,

of course, after the fact, i go to center it all, and now all the independent layers are truly showing their independence. can somebody analyze my source and tell me how to get the layer div's on center as well? i really do not want to have to recalculate. Mad

and,

whats the deal with the window resizing thing? whenever i resize the window to the exact dimensions of course everything looks ok, then once you maximize its all wacky. im such a noob.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Since you're using a table layout, why don't you put the iframes in the table cells?

Of course it doesn't work at different resolutions, you're using absolute positioning for the iframes and you have centered the main layout.

In general, it's better to use relative positioning, and since you're using a table layout, there is no reason to use divs to absolutely position things.

Does that help?

They have: 10 posts

Joined: Apr 2004

hmm, so what you suggest i do is take out the divs and just put the iframes in the tables? how, then, will i set them to relative pos.?

thanks,

e

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

They will be relative to the table cell if you do that. You can set the height and width of the iframe in the iframe tag. The natural state is relative.

They have: 10 posts

Joined: Apr 2004

<TD ROWSPAN=5>
<IMG SRC="images/pdslout_15.jpg" WIDTH=15 HEIGHT=683 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<IFRAME
SRC="cutenews/show_news.php">
</IFRAME>
<IMG SRC="images/pdslout_16.jpg" WIDTH=246 HEIGHT=247 ALT=""></TD>
<TD ROWSPAN=5>
<IMG SRC="images/pdslout_17.jpg" WIDTH=8 HEIGHT=683 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
'

so, i tried and im still confused. where would i put it without disturbing my image tables therefore messing up the images? (note that pdslout_16.jpg is the slice for the top left content area on the layout)

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

    <td colspan="7" rowspan="2" background="images/pdslout_16.jpg">
        <iframe src="cutenews/show_news.php" width="246" height="247"></iframe>
    </td>
'

They have: 10 posts

Joined: Apr 2004

well thanks!

but its a drag however, it doesnt work properly with mozilla, but perfectly with IE.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Try validating your code. I didn't address this previously, but really, you should put some attention to using good markup practices and standard HTML.

They have: 10 posts

Joined: Apr 2004

ill keep that in mind.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.