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>
Toon Meer
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;
}
Toon Meer
Kan iemand me helpen?
Alvast bedankt!