My CSS Div won't keep fixed size!

I’m trying to get my website to keep its dimensions no matter how big or small you have your resolution set to. I was using percent signs as my width setter for each division. Unfortunately, when you resize your browser, it resets the size of the containers. Obviously, I don’t want to do this so I set the widths to pixels and it worked fine. 2 of my 3 containers no longer change size when I move the browser. However, the last one still moves and I can’t figure it out. Any ideas? I’ll upload the CSS here. The div is called Content. I’ve bolded the header above it.
/* Sets the background color for entire site */
body
{
background-color: white;
}

/* This will format the header */
#header
{
background-color: b0c4de;
text-align: center;
height: 300px;
width: 994px;
border:2px solid #003366;
}

/* These next sections will format the menu bar containing all the websites links */
#links
{

float:left;
text-align: right;
border-top:2px solid #ff6600;
width: 178.92px;
margin:0;
padding:.5px;
background-color:b0c4de;
}

#links a
{

font-size: 108%;
font-family: “Trebuchet MS”, sans-serif ;
float:left;
width:98.25%;
border:1.75px solid #003366;
color:white;

}

#links a:hover
{
background-color:#ff6600;
color:white;
text-align: center;
border:2px solid #003366;

}

/* This will align the footer on each page */
#footercontainer
{
float: right;

width: 994px;
text-align: right;
}
/* This will format the footer */
#footer
{
float: right;
text-align:right;
padding:0.5em;
color:black;
background-color:b0c4de;
font-size: 70%;
margin-left: auto;
margin-right:auto;
width: 400px;
}

/ This next section will format the content in the body of every page /
#content
{

text-align:left;
float:right;
font-size: 110%;
width: 785px;
border-top:2px solid #ff6600;

}

h1
{
text-align:center;
color:#003366;
text-decoration: underline;
}

h2
{
text-align:left;
color:#003366;
font-style: italic;
}

/* This will format specific pictures that need to be floated right. (I.E. Tokia pictures) */
#pictures
{
float:right;

}

/* This will format the blocks of text that want to stand out beyond their page. (I.E. Contact section on contacts.html) */
#standAlones
{
font-family: “Trebuchet MS”, sans-serif ;
color:#003366;
background-color: #b0c4de;
border:2px solid #ff6600;
width: 49%;
}

#standAlones a
{
color:#ff6600;
}

#standAlones2
{
font-family: “Trebuchet MS”, sans-serif ;
color:#003366;
text-align: right;
background-color: #b0c4de;
border:2px solid #003366;

}

#standAlones2 a
{
color:#ff6600;
}

#View_Examples img
{
border-bottom:2px solid #ff6600;
border-right:2px solid #ff6600;
}

It would be nice if you provided the HTML code as well.

And before you do that…paste it somewhere nicer. Like, oh, say, here

Hey, I know its been a while to get this posted but the only source I had to upload my files onto was down for a week! So here is the link to my school account. In the folder directory is one of the pages I’ve made and the CSS that it uses. If you can tell me why my contents div won’t keep its size (this is the one with the viewable picture inside), I would be greatly appreciative.

http://panthers.pnc.edu/dsurbe00/TestCSSWebsite/

also, if you can suggest any CSS books or online resources, I’d love to read them.

Here is a list with a bunch of links.
http://www.softwaredeveloper.com/features/designing-on-a-dime-060407/

For questions that are this technical, maybe you can try a more computer-oriented forum, for example at arstechnica.com

The problem isn’t that the 1 DIV is resizing, it’s that it’s always floating to the right side. This is under your #content (and why are you using ids instead of classes?).

Looks like you need a container to hold everything in.

k, thanks wasson, but what would the difference be, functionally speaking, between and ID and a class?

I got rid of the float:right; and it still isn’t working, gotta try a single container.

nope, tried it on a page and it still shifts everything over. I’ll re-up my change and you can see it in a minute.

nvm, I’m an idiot and I was modifying a different copy of the site. Thanks for your help guys!

Or here! It looks like the SDMB came through for you.

Functionally speaking, none. But for valid markup, classes are more what you’re looking for I think. IDs should be used once and only once per page, for reference in things like JavaScript with will modify that 1 instance of ID. Classes can be used as many times as you like, and it will still validate.

Even if you’re not using the IDs, it’s just good form to use classes/IDs properly, in case you’d like to use the IDs in the future.

k, thanks. I’m having alot of fun learning about CSS and I’m coming to understand alot more of what it can do.
There are still so many questions I have regarding it. Do you use a forum geared specifically for that or would you just recommend I continue to use the Dope?

I don’t really go to other forums for CSS/web design specifically, but I am a web designer by trade at an insurance company. For CSS examples, I love CSS Zen Garden and 456 Berea Street. They’ve got great samples of what can be done with CSS… pretty amazing stuff. For specific questions like yours above, The Dope is a great place with a lot of designers I see popping in to answer CSS questions occasionally, or my email is in my profile if you need more individualized help. Glad to lend a hand!

You have a number of fundamental problems with your code that a simple look at the CSS will not suffice. I suggest using some existing template pages to build your page in order to understand the basics.

You may want to view these CSS designs. In particular, here is a very good CSS web page that mimics your initial design —> Floatutorial: Tutorial 8 - Step 15

For a proper navigation menu, and an easy one to learn and expand upon, try this one in the above page design —> Listamatic: Rollover lists

If you need help, PM me here.