Hey,
Ik ben nog steeds bezig met het beoefenen van CSS & HTML, dat is iets, wat ik gek genoeg, pas na PHP heb geleerd en daarom is mijn kennis in dit gebied soms nog wat gebrekkig.
Ik stuit nu op een probleem, ik heb 2 div's, een menu aan de rechterkant en een content. Echter rekken deze niet met elkaar mee, als de content lang wordt, rekt deze wel uit maar de menu rekt niet mee. Zie de bijlage voor het probleem.
Dit is het stukje HTML:
PHP
<div class="menu">
<div class="menu_button">
<a href="#"><img src="images/home_button.png"
onmouseover="this.src='images/home_button_hover.png'" onmouseout="this.src='images/home_button.png'"
width="156" height="46" border="0" alt="Home" /></a>
</div>
<div class="menu_button">
<a href="#"><img src="images/home_button.png"
onmouseover="this.src='images/home_button_hover.png'" onmouseout="this.src='images/home_button.png'"
width="156" height="46" border="0" alt="Home" /></a>
</div>
</div>
<div class="content_houder">
<div class="content">
<div class="content_content">
<div class="content_title_bg">
<div class="content_title_text">
Welkom op site!
</div>
</div>
<p>Tekst</p>
</div>
</div>
</div>En dit de CSS:
PHP
.content_houder {
width:1000px;
}
.menu {
margin:0px;
float:left;
width:200px;
min-height:450px;
background-color:#6b97cc;
}
.menu_button {
padding-left:21px;
padding-top:15px;
}
.content {
float:left;
width:800px;
min-height:450px;
background-color:#7FB2F0;
}
.content_content {
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.content_title_bg {
margin-left:-10px;
width:340px;
height:37px;
background:url(images/content_title_bg.png);
}
.content_title_text {
padding-left:10px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#d4d2d2;
font-weight:bold;
font-size:24px;
}Kan iemand me helpen?
Alvast bedankt!
