3段カラム
横方向3分割です。
固定
固定
可変
左領域をfloat:left; width:100px
右領域をfloat:right; width:100px
中央をmargin:0px 10px、
しています。
右領域が先で中央を後に記述です。
固定幅領域を先に記述し、可変幅領域を最後に記述する場合はfloatでなんとかなりますが、
中が可変の場合は左、中、右の順に記述する場合は無理があると思います。
固定
可変
固定
親ブロックにposition:relative
左領域をposition:absolute; width:100px
中央をmargin:0px 10px
右領域をposition:absolute; top:0px; width:100px
3分割で中可変ならこんな感じがいいですかね。
注意しなければいけないのは、
右の領域はtopを指定しないとブラウザによっては下に落ちるので、
3つの領域を入れてposition:relativeな親ブロックが必要。
左右の領域の高さは確保されないため、中央が確実に左右より高いか、
中央又は親要素で高さを確保しなくてはいけない。