I have been using tables in my html pages Recently I started reading up on using absolute position div tags and have been very impressed. I am trying to create something similar to what I have done in tables, but in div tags.
What I am trying to accomplish is to have 3 boxes. A left one that is 200 width that is always on the left side of the screen, a right one that is 200 width that is always on the right side, and a center box that will stretch between the 2 to fill up the remaining space. This box would need to be able to grow horizontally to the size of what ever width the viewer is viewing the page at.
For example, in tables I could do a table with 3 rows, 1st being set to 200px, 2nd set to 100%, and 3rd being set to 200px. As long as there was an image or something in box 1 and 3 they would contain there sizes and the center box would always take up the remaining space.
I am hoping with divs I can do something similiar (of course minus having to use images to force the left and right boxes to stay the same size).
I have attached the code that I am working on so far. I figured out how to do left and right boxes, but not how to make the center one grow the remaining space.
Thank you in advance for your help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />