[mdcarter1]

So I am making my first site and I noticed some behavior I wanted to change. Specifically, If I make a browser window of my site, www.mdcarter.net smaller and smaller -- things such as the main blog entry on the page will move down to the bottom of the page. I guess what I would like to know is how do I make the site static and not change depending on browser window size? Everything formatted using CSS by the way.

[Finrock]

Here's one solution: Make a table that is a fixed width, perhaps 600px wide. Then, dump the entire contents of the page inside that table. Don't forget to close the table at the end. This way the browser will display that table at the specific width and the browser size shouldn't have any effect on the way the page is rendered.

-Finrock

[mzllr]

i suspect the problem is with your floats... get rid of the floats in both #menu and #content and change #menu to use

Code:
position: absolute;
left: 0;

and increase the left margin of #content

Code:
margin-left: 200px;

that should help to keep everything in place...

[Millennium]

You could always just let the user resize his window without interference from you.

[mdcarter1]

Originally posted by Millennium:
You could always just let the user resize his window without interference from you.

No thats not what I mean. I dont want to control the users window size. I want to control what happens to how my site is displayed if the users browser window width is less than the width of my homepage. When their window width dips below that width, the browser draws parts of my site in different locations. Sorry If i wasnt clear about that.
I'm going to try the above suggestion and see if that works.

[mdcarter1]

Originally posted by mzllr:
i suspect the problem is with your floats... get rid of the floats in both #menu and #content and change #menu to use

Code:
position: absolute;
left: 0;

and increase the left margin of #content

Code:
margin-left: 200px;

that should help to keep everything in place...

Well what you suggested does in fact work for Safari and IE for Mac. But Windows IE draws the page totally farked up now. Hmmmm...

[mzllr]

you have to specify a unit of measurement...

Code:
left: 20px;