Hei guys,
I have one more litle problem.
My task is to put the conteiner upon the black stripes and make it adjust in the browser just like the stripes. I’ve tried some things but it just don’t happens.
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
}
#bg {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}
#wrapper {
margin: 0 auto;
text-align: left;
width: 100%;
height: 900px;
}
a {
text-decoration: none;
color: #FFF;
}
#navbg {
background: #000;
height: 86px;
width: 100%;
position: fixed;
}
#footerbg {
background: #000;
height: 86px;
width: 100%;
bottom: 0px;
position: fixed;
}
#wrapper #container {
height: 105%;
width: 960px;
background-color: #CCC;
position: relative;
z-index: 2;
margin: 0px auto;
}
nav {
height: 86px;
width: 960px;
background-color: #36C;
}
#wrapper footer #leftCol {
float: left;
}
#wrapper footer #rightCol {
float: right;
margin-left: 50px;
}
#wrapper #container footer {
bottom: 0px;
position: absolute;
}
#wrapper footer p {
font-size: 11px;
}
#wrapper footer #leftCol p a {
font-size: 25px;
}