Is there a way to group everything so it resizes correctly?
Well, "correctly," there's the rub (or part of it). First, how do you define
"correctly?" Do you want everything in the page to resize to the size of the
browser window? If so, what if the user resizes it to about 10X10 pixels?
Some designers opt for a fixed size, usually based on 800X600 as the most
common size. Others use what is called "liquid layout," in which various
elements in the page resize according to the browser window size.
Liquid layout is much harder to do, as you can't anticipate either the size
of the window, or even the dimensions. Add to that the fact that browsers
interpret HTML somewhat differently, and versions of the same browser
interpret HTML differently.
The fact is, a web site or HTML document is not a desktop executable. A
desktop executable draws its own interface, giving the developer total
control. An HTML document is at the mercy of the client browser and
Operating system.
Bottom line, if you really want to go with liquid layout, get several
browsers, several good refernces on HTML and CSS, and be prepared to study
for at least several months. There are no quick and dirty solutions for
this, and none of them are perfect either. Or, go with a fixed layout.
--
HTH,
Kevin Spencer
Microsoft MVP
..Net Developer
Neither a follower nor a lender be.