Hi, I'm trying to create 2 divs next to each other with one being a fixed width while the other automatically fill the remaining space regardless of the browser size.

any help appreciated, thanks

<div>
<div style="float:left;width:150px;>Fixed width on left</div>
Rest of text flows around it
</div>

thanks for your reply chrishirst, but what if i want to have the fixed div on the right and i want it to stick to the right wall while the left div fills the rest of the screen.

to clarify, what i'm trying to achieve is two boxes (divs) first box for "about" and to the right is the "sites update" box. The "site update" box would have fixed small width (~300px) and sticks all the way to the right, while the "about" box fill the rest of the screen to the left.

Thanks

change "float:left;" to "float:right;"


<added>
And make sure you "break" the float after the container is closed.

i tried that, but it doesn't work.

I don't know if it's against the rule here to post a link to a website, but the effect i'm looking for is something like this
http://www.forexpeacearmy.com

If it's against the rules I''ll edit it out.

Thanks

It's not against the rules to post a link like that.

If what Chris gave you didn't work, then there's likely something else in your code. We'll need to see ALL the code to help you further.

I took a quick look at the site you gave as an example, and it looks as if there is one div sitting in the margin of the other one. However, this layout seems a bit complicated, and there are many solutions to this problem. Here is one writeup that may help: http://www.alistapart.com/articles/holygrail ... It is about building a liquid layout with two fixed-width sidebars. I'm sure you can figure out how to make it only one sidebar.

why not just have two floats?

<div style="float:left; width:900px;">Left side</div>

<div style="float:right; width:200px;">Right side</div>

<br style="clear:both;" />