Hi there.
Just logged in for the first time to this forum. I am attempting to do my first css styled layout. Jeikes.

Well, the result can be seen at: http://www.fiskdesign.net/avilar/index.htm

How can I get the three columns to lign up at the top (below the large horizontal image)?

I attached some of the css code. If anyone can help … that would be great. I can zip over all the source file, too.

Basically I want 3 columns with the first column w: 160px, the other two columns w: 270px. In between those columns I want 25px space… The entire layout is 800px.

Regards, Henrik

#container {
position: relative;
margin: 0px auto;
padding: 0;
width: 800px;
text-align: left;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-right: 1px #000000 solid;
display: block;
}

#left-sidebar {
text-align: center;
width: 160px;
margin-left: 25px;
margin-top: 15px;
}

#stage-center {
width: 270px;
margin-left: 210px;
margin-right: 320px;
margin-top: 15px;
}

#stage-right {
width: 270px;
margin-right: 25px;
margin-top: 15px;
float: right;
}

Try here:

http://css.maxdesign.com.au/index.htm

Tutorials are available on liquid 2- and 3-column layouts. Just save the pages.

Hope that helps. :-)

Hi.
I since then managed to figure it out.
The tut on http://www.positioniseverything.net/ordered-floats.html was helpful. It features a fixed pixel layout.

Thanks for giving me the link. He has some nice tuts on there. Henrik