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
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 ***/