Box model: 2 columns - 1 fixed / 1 fluid

Tuesday 05 May 09 by Onsitus in CSS Box Model

4 examples of ‘box model‘ based on 2 columns layout with 1 fixed column and 1 fluid column.

Using the position:absolute; :

  • left column at fixed width / right column at fluid width
  • left column at fluid width / right column at fluid width

Using the float:left; :

  • left column at fixed width / right column at fluid width
  • left column at fluid width / right column at fluid width

fixed/fluid
columns fixed fluid
Absolute | Float
fluid/fixed
columns fluid fixed
Absolute | Float

0 comments

Stay updated with our RSS Feed

{ 0 comments… add one now }

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Italian map in css

Next post: Css tooltip - information above a link