a few questions about iframes

[brother chai]

i am setting up my webpage with a new layout, and i have one thing that i can't figure out how to do. i have two iframes. one on top holds my menu, and the one below it will be where the content comes up. i want to do a border around my content iframe, but not just a normal border. for example, something like on jack johnson's (http://jackjohnsonmusic.com) where he has a border around all his content. (click news, etc. to see what i am talking about). how would one go about doing this?? any ideas??


also...i have done the two iframe set up before and one thing i have noticed is on very large resolutions, they show up side by side instead of above one another...how do i remedy this??

thanks ahead of time!!!

[agent_bozo]

For the border, if you want custom images for the borders then you will most likely have to use four separate div elements that have four images (for each corner of the border) set as their background.

I normally do it as follows

<div id="container" style="background: url(bottom-right.png) no-repeat bottom right">
<div id="header" style="background: url(top-right.png) no-repeat top right">
<div id="title" style="background: url(top-left.png) no-repeat top left">
</div>
</div>
<div id="body" style="background: url(bottom-left.png) no-repeat bottom left"></div>
</div>

You will also need to set the width's of each element and want to implement it so that the images all overlap each other so that the border remains intact for pages that are different sizes and so that you can easilly resize the border in the future if you need to.

For the problem with the large resolution, you can set a style property called clear and set it to right, this will mean that nothing will appear on the right of the element you set it to (see http://www.w3schools.com for more info)

Hope this helps and is what you need

[JoeCullen]

if you do style="clear:both;" then it will not apear on the left either (if you have your page centerd)