Webmaster Forum / HTML, CSS, Scripts / CSS / June 2003

Hi,
I am new to CSS, so pardon the simple question!
I am trying to set the page width and height so that on a 800x600 screen
it would occupy the whole screen and on higher resolutions it would
leave white spaces on the sides.

On top of the page, I have a logo on the left and a swf to its right.
Below it, I have a navigation menu on the left, want to display content
in the middle, and have another swf on the right.

How can I position these elements to achieve the page layout?

In my index.html, I have set <div>s:

<div id="navigation"></div>  /* in my javascript menu, I can specify
what <div> to show the menu in */
<div id="content"></div>
<div id="banner">
 <object  ....my flash movie #1>
 </object>
</div>
<div id="ad">
 <object  ... my flash movie #2>
 </object>
</div>

and in my stylesheet:

#logo { /* 127x63 image */
position:absolute;
top:30px;
left:30px;
z-index:50
}

#banner { /* 600x100 .swf file */
position:absolute;
top:12px;
left:160px;
text-align:right; /* Netscape 4 hack */
}

#navigation {
position:relative;
width:130px;
height:140px;
left:30px;
top:160px;
}

#ad {
position:absolute;
width:170px;
height:400px;
right:0;
top:160px;
text-align:right;
}

Also, is there any way to change only the content of the "content" div
after a menu item is clicked instead of loading the whole new page,
along with the logo, the swf movies, ...?

Thanks a lot for your help.