Habe hier so ein kleines Problem was ich leider nicht lösen kann:
Ich habe eine Seite auf der rechts und links ein border mit repeat: y angezeigt werden soll. Dieser border soll immer die Höhe der gesamten Seite habe. Leider klappt dies nicht, auch nicht mit folgender Anleitung: http://www.gn-webdesign.de/css-tutorials/…height-100.html
hier mal den entsprechende code
html:
Code
<body>
<div id="wrapper">
<div id="border-left"></div>
<div id="border-right"></div>
</div>
css:
CSS
body {
background: url(../images/bg.jpg) gray;
height: 100%;
}
#wrapper {
padding: 50px 0 50px 0;
width: 1060px;
min-height: 100%;
margin: 0 auto;
}
#border-left {
background: url(../images/border.jpg) repeat-y gray;
width: 10px;
min-height: 100%;
height:auto !important;
height: 100px;
float: left;
overflow: hidden !important;
}
#border-right {
background: url(../images/border.jpg) repeat-y gray;
width: 10px;
min-height: 100%;
height:auto !important;
height: 100%;
float: right;
overflow: hidden !important;
}
Ich hoffe das mir da jmd. helfen kann.
MfG
haillo