/*2Spalten CSS Layout - Manfred Paukstadt (http://www.selentia.de)
Version: 1.0
(Juli, 2010)
Screen layout: */
html, body {
margin: 0px;
padding: 0px;
}
body {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #3F4554;
text-align: center;
line-height: 1.8em;
}
#wrapper {
width: 800px;
margin: 15px auto 15px auto;
padding: 0px;
text-align: left;
border: solid 1px #dadada;
}
#header {
width: 100%;
height: 60px;
background-color:#E0E0E0 ;
border-bottom: solid 1px #dadada;
background-image: url(images/blau.gif);
background-repeat: no-repeat;
}
#container {
width: 100%;
height: auto;
margin: 0px;
padding:2px 0px;
background-image: url(divider.gif);
background-repeat: repeat-y;
background-position: 200px 0px;
}
#left {
background-color:#E0E0E0;
width: 160px;
height: auto;
float: left;
padding: 20px;
margin: 0px;
}
#right {
background-image:url(images/lady.gif); background-repeat:no-repeat; background-position:center center;
background-attachment:fixed;
height: auto;
float: left;
padding: 20px 50px 20px 20px;
margin: 0px;
}
#right p {
margin: 0px;
}
.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}
#nav {
margin: 0px;
padding: 0px;
list-style: none;
list-style-image: none;
}
#nav li {
margin: 0px;
padding: 0px;
display: inline;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color:#3F4554;
text-decoration: none;
display: block;
margin: 0px;
padding: 0px;
width: 160px;
}
#nav li a:hover {
color: #ccc;
text-decoration: none;
}
#footer {
padding: 0px;
margin: 0px;
border-top: solid 1px #dadada;
text-align: center;
}
#footer p {
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
color: #aaa;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #aaa;
text-decoration: none;
}
#footer a:hover
{
color: #ccc;
text-decoration: none;}
Download Sektion:
Download 2SpaltenCSS...
Wenn Sie es mal mit einem 3 Spalter versuchen wollen:
"Holy Grail" gilt als die Mutter der 3 Spalter:-):
Download holy-grail-3-column-liquid-layout-percentage...
Lesen Sie vorher diesen Artikel:
In Search of the Holy Grail by Matthew Levine