I'm having some difficulties with divs. I placed 2 next ot eachother, and gave one of the divs 200px width. How do I make the other div fill the rest of the screen?

Put Another one next to them with a width of "100%". That will make it fill the rest of the screen, no matter what resolution that you're looking at it in.

Put Another one next to them with a width of "100%"

That won't work. You need to float one or both of them, THEN they'll site side-by-side.

I don't want them to float, isn't there a way to "width: 100% - 200px" ?

floating is the correct way to have two block element side by side. Otherwise, no matter what width you make one of them, they will "stack" above and below each other.

Unless you start messing about with absolute positioning which will bring down a whole host of new problems.

Oh I get the float thing, but how do I make it have a width of 100% - 200px?

Found it, I just added this to my CSS, and it worked

position:absolute;

No, that's absolute positioning.

Use:

	<div style="height:300px;width:100%;border:1px dotted red;">
	<div style="height:100%;width:200px;border:1px dotted blue;float:left;margin:0 5px 0 0;">This is a floated container that is 200 pixels wide</div>This is the parent container at 100% width<br>
The content in the parent will occupy the space left by the floated element<br>
Which will be equal to 100% - 200px</div>

That's not exactly what I wanted, I just wanted to place 2 next to each other, not 1 on top of the other

Ok, I found something, now the only problem I have is I need to get height 100%- 100px.

Here's what is looks now: http://kryptosoft.freehostia.com/

Never mind guys, I just placed the menu over the whole height of the screen. Thakns very much though

I appreciate the replier .weldone