Hallo,
ich bin gerade dabei eine Website Zugestallten und habe ein Problem in einem div (content) mit der Background-Image. Gebe ich dem div als Höhe „auto“ an (was es eigentlich auch soll) wird die Background-Image nicht angezeigt und wiederholt. Die Image, wird nur bei fester Größenangabe angezeigt. Ich habe hier schon einiges probiert und nun bin ich blind und weiß nicht mehr was ich schon probiert habe und was nicht.
Hat jemand von euch eine Idee?
LG Rogér
ich bin gerade dabei eine Website Zugestallten und habe ein Problem in einem div (content) mit der Background-Image. Gebe ich dem div als Höhe „auto“ an (was es eigentlich auch soll) wird die Background-Image nicht angezeigt und wiederholt. Die Image, wird nur bei fester Größenangabe angezeigt. Ich habe hier schon einiges probiert und nun bin ich blind und weiß nicht mehr was ich schon probiert habe und was nicht.
Hat jemand von euch eine Idee?
LG Rogér
Code:
* {
margin : 0;
padding : 0;
}
body, html {
line-height: 1em;
background: #000 url(../hp-bilder/Nthw_back.png) fixed left top;
text-align: center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
/***Schriften***/
p {
color: #fff;
font-size: 12px;
font-family: georgia, serif;
line-height: 18px;
text-align: left;
word-spacing: normal;
letter-spacing: 0;
margin: 0;
padding: 0;
}
h1 {
color: #c4ea43;
font-size: 20px;
font-family: georgia, serif;
font-weight: bold;
line-height: 32px;
text-align: left;
letter-spacing: 0;
margin: 0;
padding: 0;
}
/***Alles***/
#alles {
background-image: url(../hp-bilder/tranz.png);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: left bottom;
min-height: 100%;
height: 100%;
width: 100%;
padding: 0;
}
/***Contain***/
#main {
position: relative;
width: 800px;
height: auto!important;
height:100%; /* IE6: treaded as min-height*/
z-index: 1;
min-height: 100%;
margin: 0 auto;
padding: 0;
}
#head {
background-image: url(../hp-bilder/headback.png);
background-repeat: no-repeat;
width: 800px;
height: 150px;
padding: 0;
}
#content {
background-image: url(../hp-bilder/contentback.png);
background-repeat: repeat-y;
text-align: center;
width: 800px;
height: auto;
padding: 0;
}
#footer {
background-image: url(../hp-bilder/footerback.png);
background-repeat: no-repeat;
width: 800px;
height: 78px;
clear: both;
padding: 0;
}
.links {
width: 160px;
height: 100%;
float: left;
padding: 0;
}
.rechts {
width: 600px;
height: 100%;
float: right;
display: inline;
padding: 0;
}
.contentaera {
width: 580px;
height: auto;
float: left;
padding: 0;
}
/***Titel***/
.logo {
background-image: url(../hp-bilder/titel.png);
background-repeat: no-repeat;
position: absolute;
top: 30px;
left: 20px;
width: 325px;
height: 64px;
z-index: 10;
padding: 0;
}
/***claer***/
div.clear {
clear : both;
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}
.clearleft {
clear : left;
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}
.clearright {
clear : right;
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}
/*****Images*****/
.img {
border: 0;
}
