CSS margin question

[ozchris]

I'm having trouble with my right margin in CSS.

I'm currently playing with www.best-australian.com/testing/template5.htm

I just want 3 simple columns. As per http://css.maxdesign.com.au/floatuto...torial0916.htm . But without borders, and filling the entire screen.

But in the current template5 code, my centre column is wrapping around the right column. I want the centre column to keep to itself, constantly 180px in from the right side of the page.

In the CSS for margin-right, if I code "180 px" on the centre column, at least the right column is in the correct place, but with the unwanted centre text floating below it.

Amazingly, if I remove the space and use "180px" on the centre column, the right column moves into the centre column and I have a blank space on the right side of the page.

This is in Mozilla and IE.

Any simple suggestions?

Chris.

[speed]

You need 2 changes:

1) In #centrecolumn you need margin-right: 180px not 180 px

2) Move the entire div for rightcolumn above the div for centrecolumn

[ozchris]

I love you!

[speed]

Steady on there ;)

You might be interested in the site being reviewed here, again it's a 3 column pure CSS layout but it uses a different technique.