Beste leden,
Ik heb een script gekregen en nu wil ik een rightcollum erbij maken, dit is gelukt alleen sluit deze niet aan tot boven
In internet explorer ziet het helemaal niet uit!
wie kan me helpen
http://militaire-in-uruzgan.nl/community/index.php
CSS:
PHP
body{
background: url('images/background.jpg') repeat;
font-size: 12px;
font-family: Trebuchet MS;
}
#wrap{
margin: 0 auto;
width: 1088px;
}
#header{
width: 900px;
height: 100px;
background: url('images/header.jpg') no-repeat;
border: 1px solid #000;
margin-top: 0px;
}
#leftcolumn{
width: 180px;
float: left;
margin-right: 10px;
}
#columntitle{
background: #235399;
color: white;
font-size: 14px;
padding: 8px 10px;
font-weight: bold;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
margin-top: 10px;
}
#leftcolumn ul{
background: #fff;
border: 1px solid #000;
margin-top: 0px;
list-style: none;
padding-left: 0px;
}
#leftcolumn ul li.normal{
display: block;
border-bottom: 1px dotted #000;
}
#leftcolumn ul li.last{
display: block;
border-bottom: 0px dotted #000;
}
#leftcolumn ul li a{
display: block;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: 15px;
padding-top: 2px;
}
#leftcolumn ul li a:hover{
display: block;
background: Lightgray;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: 15px;
padding-top: 2px;
}
#leftcolumn ul li.statistieken a{
display: block;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: auto;
padding-top: 2px;
}
#leftcolumn ul li.statistieken a:hover{
display: block;
background: Lightgray;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: auto;
padding-top: 2px;
}
#middle{
float: left;
width: 698px;
color: #000;
border: 1px solid black;
padding: 5px;
background: #fff;
}
#middle td{
font-size: 12px;
}
#middletitle{
float: left;
background: #235399;
width: 688px;
color: white;
font-size: 14px;
padding: 8px 10px;
font-weight: bold;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
margin-top: 10px;
}
#rightcolumn {
width: 180px;
float: right;
margin-left: 10px;
}
#columntitle{
background: #235399;
color: white;
font-size: 14px;
padding: 8px 10px;
font-weight: bold;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
margin-top: 10px;
}
#rightcolumn ul{
background: #fff;
border: 1px solid #000;
margin-top: 0px;
list-style: none;
padding-left: 0px;
}
#leftcolumn ul li.normal{
display: block;
border-bottom: 1px dotted #000;
}
#leftcolumn ul li.last{
display: block;
border-bottom: 0px dotted #000;
}
#rightcolumn ul li a{
display: block;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: 15px;
padding-top: 2px;
}
#rightcolumn ul li a:hover{
display: block;
background: Lightgray;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: 15px;
padding-top: 2px;
}
#rightcolumn ul li.statistieken a{
display: block;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: auto;
padding-top: 2px;
}
#rightcolumn ul li.statistieken a:hover{
display: block;
background: Lightgray;
padding-left: 5px;
text-decoration: none;
color: #36383B;
height: auto;
padding-top: 2px;
}
#footer{
width: 900px;
color: #000;
text-align: center;
}