Beste ICT'ers,
Ik loop vast op een stukje CSS. Ik heb 2 sidebars en een content vlak. Het content vlak moet meerekken met wat erin staat en moet een min-height van 500px; hebben. Nu heb ik deze code, maar het content vlak plakt helemaal onder tegen de pagina (Zie bijlage). Weet iemand hiervoor een oplossing? Html/CSS:
Code
.sidebar {
background-color: #EFB76C;
border: 5px solid #6D573A;
float: left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
width: 25%;
height: 250px;
padding: 10px;
margin-left: 10%;
margin-top: 5%;
}
#content {
background-color: #EFB76C;
border: 5px solid #6D573A;
float: right;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
width: 45%;
height: 100%;
min-height: 500px;
padding: 10px;
margin-right: 10%;
margin-top: 5%;
}
Toon Meer
Code
<div class="sidebar">
Test
</div>
<div id="content">
<div id="text">
Test3
</div>
</div>
<div class="sidebar">
Test2
</div>
Toon Meer
Alvast bedankt!