3-column problem

[oly2100z]

I've been trying first time with 3-column layout and have been trying to break down my problems by going back to beginning. Now, I can't get my right column to stay at the top, it starts wherever the center column finishes. Could someone look at it here?
thanks

[Paul O'B]

Hi,

Floated content must come before (in the html) the static content you want it to align alongside.

Change your html to this and it will work

<div id="left">
Left content
</div>
<div id="right">
Right content
</div>
<div id="center">
center content<br>
center content
</div>

Edit:


Ignore that comment above I just noticced you were using absolute positioning. You don't need to change the order of the html you just have to set the top position on the absolute element otherwise it will assume its top position is at its currecnt position in the html.

#right { 
position: absolute;
right:10px;
width:200px;
background:#ccdff2;
border:1px dotted;
top:0;
}

[oly2100z]

Thank You!