Fixed width to Fluid Width

Hi,
How do I make my template fluid width?
I want it to look good on all resolutions

Here is an example statement in style.css

 

why your using absolute position ? if you want it as fluid then you must work on percentage and i think your asking some thing like that...

#wrapper{
maring:0pt auto;
width:50%; /*adjust that how you want it*/
height:173px;
maring:0px 0px 0px 0px; /*adjust these for top left down right*/

}

hope this helps as Im always in learning process....may be some one could better tell you

 

There are various kinds of "fluid" width layouts, it seems that what you're talking of is a simple one, use percentage width would be ok. If you want a complicated fluid layout, check this out: css-tricks.com/the-perfect-fluid-width-layout

 

Thanks. I was using absolute position as I exported it from photoshop

 

myst_dg, are percentage widths always used when its a fluid width layout?

 

yes. Percentages allow the content to be adjusted as you resize the window, div, frame.

Set sizes in px, em, etc. are 'hard coded' widths

 

Thanks for explaining FineLine, im beginning to understand this a bit better now.

 

Not exactly.

Percentage width is a easy way to manage fluid width. You may also set a certain width for sidebar, and only main content will have fluid width, which is done by the example I've given. Check the source code for details.

 

Thanks myst_dg for explaining, il take a closer look at the source code.

 

You are welcome. That example also gives a solution for displaying page in extra wide screen resolution, quite helpful.