Skip to main content

Bug Tracker

Side navigation

Ticket #5578: style2.css


File style2.css, 1.5 KB (added by zsmidt, December 01, 2009 10:22PM UTC)

simple style sheet

/*** Style 2 Defines the three columns as per alistapart.com/d/holygrail ***/
body {
    margin: 0;
    padding-left: 200px;    /* LC fullwidth */
    padding-right: 190px;   /* RC fullwidth + CC padding */
    min-width: 240px;       /* LC fullwidth + CC padding */
}
#header, #footer {
    margin-left: -200px;    /* LC fullwidth */
    margin-right: -190px;   /* RC fullwidth + CC padding */
}
.column {
    position: relative;
    float: left;
}
.lcolumn {
    position: relative;
    float: left;
}
#center {
    padding: 0 20px;
    width: 100%;
}
#left {
    width: 180px;           /* LC width */
    padding: 0 10px;        /* LC padding */
    right: 240px;           /* LC fullwidth + CC padding */
    margin-left: -100%;
}
#right {
    width: 130px;           /* RC width */
    padding: 0 10px;        /* RC padding */
    margin-right: -100%;
}
#footer {
    clear: both;
}

/*** IE Fix ***/
* html #left {
    left: 150px;            /* RC fullwidth */
}

/*** Just for Looks ***/
/*** Place Changes to the above styles here ***/

body {
    background: #FFF;
}

#header, #footer {
    font-size: large;
    text-align: center;
    padding: 0.3em 0;
    background: #999;
}

#left {
    background: #66F;
}

#center {
    background: #DDD;
}

#right {
    background: #F66;
}

.column {
    padding-top: 1em;
    text-align: justify;
}


/*** Place additional Style sheet mods below here ***/

Download in other formats:

Original Format