Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Div layout with 3 columns: fixed - liquid - fixed

I'm trying to build a 3 column layout that has one fixed column on the left, a fluid column in the middle and another fixed column on the right.

Anyone seen this?

There are similar problems here, but not the solution I was looking for. CSS Layout 2-Column fixed-fluid

like image 946
Remy Avatar asked Jan 25 '11 17:01

Remy


2 Answers

http://www.dynamicdrive.com/style/layouts/category/C13/

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/

Yes?

like image 82
vinhboy Avatar answered Oct 01 '22 21:10

vinhboy


Use fixed width and float to the appropriate side on the left and right columns. Then set the right and left margins of the fluid div to the width of the fixed divs. Fluid div should follow the fixed ones in the html.

like image 24
Josh Kovach Avatar answered Oct 01 '22 19:10

Josh Kovach