CSS div height

Discussion in 'HTML' started by belgacom, Jul 13, 2006.

  1. belgacom

    belgacom Guest

    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">&nbsp;<a href="#" class="linkermenu">x</a></div>
    <div class="linkermenulink"><img src="button.jpg" align="middle"
    width="27" height="38">&nbsp;<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">
    &nbsp; </div>
    </div>
    <div id="bovenmenu">
    <div id="language">
    &nbsp;<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>
     
    belgacom, Jul 13, 2006
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. kurt sune

    HowTo set DIV height in CSS

    kurt sune, Mar 21, 2005, in forum: ASP .Net
    Replies:
    1
    Views:
    27,447
    Karl Seguin
    Mar 21, 2005
  2. HJ
    Replies:
    5
    Views:
    902
    Jonathan N. Little
    Sep 1, 2006
  3. muggslab

    Div Height = Image height. help

    muggslab, Feb 1, 2010, in forum: HTML and CSS
    Replies:
    1
    Views:
    893
    muggslab
    Feb 1, 2010
  4. Don Vaillancourt

    How to tell height of div where height is not set?

    Don Vaillancourt, Jan 28, 2005, in forum: Javascript
    Replies:
    8
    Views:
    172
    Dietmar Meier
    Jan 31, 2005
  5. Replies:
    0
    Views:
    141
Loading...

Share This Page