|
|
Posted by belgacom on 07/13/06 08:46
Hello,
I can't find it. Below you see my code.
My problem is that I can't set the height of div linkermenu the same as
contentholder.
If contentholder is higher (more content) then the linkermenu doesn't
stretch with it.
And vica versa.
Who can help me.
Reagards
Bob
code:
<html>
<head>
<title>[Title]</title>
<meta name="description" content="[Description]">
<meta name="keywords" content="[Keywords]">
<style type="text/css">
<!--
body {
margin: 0px;
text-align: center;
background-color: #DC1720;
font-size:10px;
}
a:link {
text-decoration:underline;
color: #444444;
}
a:visited {
text-decoration:underline;
color: #444444;
}
a:active {
text-decoration:underline;
color: #F92410;
}
a:hover {
text-decoration:none;
color: #F92410;
}
#site {
position: relative;
text-align: center;
width: 960px;
margin: 0 auto;
}
#bovenmenu {
position: absolute;
top: 86px;
left: 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
width: 960px;
height: 20px;
color: #000000;
background-color: #FFFFFF;
background-image: url("bgbar.jpg");
background-repeat: repeat-x;
}
#linkermenu {
position: absolute;
top: 107px;
left: 0px;
background-color: #FFFFFF;
}
#belowlinkermenu {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
width: inherit;
}
#contentholder {
position: absolute;
top: 107px;
left: 181px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 779px;
padding: 30px;
background-color: #FFFFFF;
}
#content {
text-align: left;
}
#header {
position: absolute;
left: 0px;
top: 0px;
width: 960px;
background-color: #FFFFFF;
}
#language {
width: 200px;
display: inline;
}
a.language:link, a.language:visited, a.language:active {
color: #DC1720;
font-weight: bold;
}
a.language:hover {
text-decoration: none;
color: #444444;
}
#bovenlinks {
display: inline;
}
a.bovenmenu {
color: #444444;
text-decoration: none;
font-weight: bold;
font-size: 13px;
margin-right: 20px;
}
a.bovenmenu:visited {
color: #444444;
text-decoration: none;
font-weight: bold;
font-size: 13px;
margin-right: 20px;
}
a.linkermenu {
color: #444444;
text-decoration:none;
font-weight:bold;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.linkermenu:visited {
color: #444444;
text-decoration:none;
font-weight:bold;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.bovenmenu:hover {
text-decoration: none;
color: #DC1720;
}
a.linkermenu:hover {
text-decoration: none;
color: #D94441;
}
h1 {
font-size: 11px;
font-weight: bold;
color: #000000;
border-bottom-style: solid;
border-bottom-width: 0px;
border-bottom-color: #000000;
}
..linkermenulink {
border-top: 1px solid #DC1720;
}
#contactdetails {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
top:0px;
left:0px;
}
-->
</style>
</head>
<body>
<div id="site">
<div id="contentholder">
<div id="content">
[Content] </div>
<div id="contactdetails">
<hr>
<table id="contactdetails" width="700">
<tr>
<td><strong>Adres</strong></td>
<td><strong>Telefoon</strong></td>
<td><strong>Fax</strong></td>
<td><strong>Email</strong></td>
</tr>
</table>
</div>
</div>
<div id="header">
<img src="logo.jpg" align="left" width="228" height="85">
<img src="logo2.jpg" align="right" width="250" height="85"> </div>
<div id="linkermenu">
<div align="left">
<br><br>
<div class="linkermenulink"><img src="button.jpg" align="middle"
width="27" height="38"> <a href="#" class="linkermenu">x</a></div>
<div class="linkermenulink"><img src="button.jpg" align="middle"
width="27" height="38"> <a href="#" class="linkermenu">y</a></div>
<div class="linkermenulink"><img src="button.jpg" align="middle"
width="180" height="957"></div>
</div>
<div id="belowlinkermenu">
</div>
</div>
<div id="bovenmenu">
<div id="language">
<a href="#" class="language">NL</a> | <a href="#"
class="language">EN</a> | <a href="#" class="language">FR</a> </div>
<div id="bovenlinks">
<a href="#" class="bovenmenu">a</a>
<a href="#" class="bovenmenu">b</a>
<a href="#" class="bovenmenu">c</a>
<a href="#" class="bovenmenu">d</a>
<a href="#" class="bovenmenu">e</a>
<a href="#" class="bovenmenu">f</a>
</div>
</div>
</div>
</body>
</html>
[Back to original message]
|