Hi Leute,
ich habe das Problem, dass der Inhalt eines 2-Spalten Div's sich nicht oben ausrichtet... Also sind 2 Divs neben einander - das Linke zeigt den Content und das rechte soll sich nach der Höhe des Linken ausrichten - tuts soweit auch, nur der Inhalt des Rechten steht immer unterhalb von der Höhe her gesehen von dem Linken.
Hier erstmal die Seite
CSS-Code
Hoffe Ihr könnt mir da irgendwie helfen, hab schon wie bescheuert gesucht, aber find das Problem einfach nicht
grüße
ich habe das Problem, dass der Inhalt eines 2-Spalten Div's sich nicht oben ausrichtet... Also sind 2 Divs neben einander - das Linke zeigt den Content und das rechte soll sich nach der Höhe des Linken ausrichten - tuts soweit auch, nur der Inhalt des Rechten steht immer unterhalb von der Höhe her gesehen von dem Linken.
Hier erstmal die Seite
CSS-Code
HTML:
* {
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
}
.header{
width: 960px;
height: 243px;
margin: 0 auto;
text-align: center;
background-image: url(/inc/template/th_svs93/images/header.png);
}
.content_wrapper{
width: 958px;
height: auto;
min-height:250px;
margin: 0 auto;
border: 1px solid #e6e6e6;
}
.content_left{
position: relative;
width: 708px;
height: auto;
min-height: 400px;
padding: 10px;
float:left;
}
.content_right{
position: relative;
width: 209px;
height: 100%;
border-left: 1px solid #8e8e8e;
padding: 10px;
left: 728px;
display: block;
background-color: #f3f3f3;
}
.footer{
width: 960px;
height: 70px;
border-top: 1px solid #ffc742;
margin: 0 auto;
background-color: #383838;
}
.footer_content{
color: #ffc742;
font-family: tahoma;
font-size: 12px;
padding: 5px;
}
.navbar_wrapper{
position:absolute;
top: 215px;
width: 960px;
height: 33px;
z-index:100;
}
.navbar{
height:33px;
width: 100%;
text-align: center;
}
.nav{
height: 33px;
width:900px;
line-height: 33px;
margin: 0 auto;
}
.navpoints div{
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color:#ffffff;
padding: 0 10px;
float:left;
line-height: 25px;
}
.navpoints div a {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color:#ffffff;
}
.navpoints div:hover, .active{
background-image: url(/inc/template/th_svs93/images/nav_hover.png);
cursor: pointer;
}
.nav_left{
background-image: url(/inc/template/th_svs93/images/navbar_left.png);
width:11px;
height:33px;
}
.nav_right{
background-image: url(/inc/template/th_svs93/images/navbar_right.png);
width:11px;
height:33px;
}
ul{
margin-left:20px;
}
.text{
top: 0;
vertical-align: top;
position: relative;
}
Hoffe Ihr könnt mir da irgendwie helfen, hab schon wie bescheuert gesucht, aber find das Problem einfach nicht
grüße