I need some help with my layout: I changed the order of the widgets and therefore had to change the width of #beta and #gamma.I managed to place the sidebars where I wanted, but no matter what I do, #alpha doesn't change the width to the remaining place between the sidebars (is smaller). If anything changes at all, it's the position of the columns (for example, covering each other).

My journal is here; I'm using Opera, but it doesn't work in IE either.

OK, well, a lot of that CSS you put in to change the widths won't do anything because it doesn't override the base stylesheet. There's some good information in this and this post, but I found I had to do a little more to get yours looking right:

I did this by basically overriding the base stylesheet one item at a time. I made #container-inner, #content-inner, and #header-inner the full page width and moved all the way to the left. #beta and #gamma's width get changed to what you wanted. 1425px-420px-200px leaves 805px for #alpha, less another 20px for the margins (width of #alpha-inner). Finally, shift #alpha 420px to the right (width of left sidebar) and #beta 805px to the left (negative value with relative positioning).

No, it's my fault; I didn't tell you to basically delete the section you posted and use what I wrote. They won't work together.And I meant this post for the second one. Both are about headers, yes, but explain how to do layouts properly.

We may have been "posting past each other" just then. I just checked in IE7 and it looks OK. However, there are a few extra statements in there, like body , #page, and #footer, that won't do anything; content-inner is in there twice, and it should be "margin-left", not "margin left".