how to make sure that stuff does not move around as window changes?

[lli2k5]

how do you make sure that stuff does not move around as window changes?

[tomda]

Window change? I guess you mean when changing the size of the window.

There are basically two types of website.
1/ Fluid layout website (using %) whereby the website will fit the size of your window - in that case, if user reduce its size, then the website will change accordingly.

2/ Fixed layout website (using px) whereby website is independant of window size. Mostly, content of the website is placed in a fixed container box.

Tomda

[Ingolemo]

Do you mean that something stays where it is even when the user scrolls down the page? If so, then that can be achived in modern browsers using position:fixed; in the CSS, though IE will need some sort of workaround (probably javascript).

(To add to Tomda's post: While some people prefer to group this with the "fixed" layouts, others will tell you that with the introduction of CSS there's also a third layout (commonly called "elastic" and using ems) which is proportional to the users text size. While it has the advantage of resizing to fit different devices depending on how big that device displays text, it still has the look and feel of a fixed width layout.)

[penders]

Yeah, I guess tomda's number [2] fixed layout and Ingolemo's fixed but "elastic" layouts will "...make sure that stuff does not move around as window changes".

And, I suppose it goes without saying, don't forget to define a width and height on your images to avoid things jumping around as the page loads.