Help me make my fixed site into liquid

Aruffell

Aruffell

Aruffell

Soldato
Joined
29 Dec 2004
Posts
5,653
Location
Chatham, Kent
My site: http://www.eteknix.com/

I'm currently messing with designs and tinkered with my current theme but i can't seem how to make it into a liquid design like vbulletin forums.

Here is my CSS:

/*
LAYOUT: Three-Column
DESCRIPTION: Three-column 950px fixed layout with two sidebars on either side of content
*/

body {
min-width:960px;
}
#main {
width:960px;
margin:0 auto;
overflow:hidden;
position:relative;
}
#container {
width:960px;
float:left;
margin:0;
}
#content {
margin: 0 220px 0 230px;
overflow:hidden;
}
#primary {
width:220px;
float:left;
margin: 0 0 0 -960px;
}
* html #primary {
left: 20px;
position: relative;
}
#secondary {
width:220px;
float:left;
margin: 0 0 0 -220px;
}
#footer {
clear:both;
}
#subsidiary {
width:960px;
margin:0 auto;
overflow:hidden;
}
#subsidiary .aside {
width:300px;
float:left;
margin:0 10px 0 10px;
}
#subsidiary #third {
margin:0 0 0 10px;
}
#siteinfo {
clear:both;
width:940px;
margin:0 auto;
}
.fixed {
width:960px;
margin:0 auto;
}
Click to expand...

Can anyone see how i would make the 3 columns wider and to make it liquid style like vbulletin forums where it will adjust to the screen resolution.

Thanks,

Andy
 
You need to define the widths as percentages, not pixels. That will make it change as per screen res.
 
Ok thanks guys, just trying to do that now with the css file and i cant seem to find out what parts refer to which class in the css.

Andy
 
You must log in or register to reply here.
Back
Top Bottom