Ik was net een layout aan het maken, alles is gelukt zoals ik het wou alleen 1 dingetje zit niet goed en dat is het content gedeelte, waar ik eigenlijk 3 divs naast elkaar wil dus links, midden, rechts waarvan de middelsde div zo breed mogelijk moet zijn en de andere twee zouden links/rechts tegen het scherm moeten staan maar dat lukt mij niet kan iemand me hier mee helpen?
dit is het stukje met de divs:
<div id="divContentWrapper">
<div id="divContent">
<div id="divContentLeftColumn">
<div id="divMenuLeft">
<ul>
<li><a href="index.html">About</a></li>
<li><a href="Resume.html">Resume</a></li>
<li><a href="Portfolio.html">Portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</div>
<div id="divContentCenterColumn"></div>
<div id="divContentRightColumn"></div>
</div>
</div>
en hier is de css:
#divContentWrapper {
width: 100%;
background: #0F0;
min-width: 600px;
}
#divContent {
width: 1000px;
height: 600px;
margin: 0 auto;
}
#divContentLeftColumn {
float:left;
width: 200px;
background:#F00;
height: 600px;
}
#divContentCenterColumn {
float:left;
min-width: 600px;
margin: 0px auto;
background:#000;
height: 600px;
overflow:hidden;
}
#divContentRightColumn {
float:right;
width: 200px;
background:#F00;
height: 600px;
}
Ik heb mijn layout geupload zodat jullie weten hoe het er nu uit ziet:
