Announcement

Collapse
No announcement yet.

Help me make my fixed site into liquid

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Help me make my fixed site into liquid

    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;
    }
    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
    http://www.eteknix.com/images/misc/vbulletin4_logo.png
    eTeknix.com - http://www.eteknix.com
    eTeknix Forums - http://forums.eteknix.com

  • #2
    Container that's not fixed,
    the main content container is 100%
    and the side columns min-width

    then regardless of the width of the browser, the middle column will try to span wide, while the columns on the side remain same width. and the main container can be set to align to the center (the others to the left) so it still is centered in the screen (if it matters)

    Comment

    widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
    Working...
    X