Dag mensen,
Ik heb een simpele opbouw in div gemaakt. Nu wil ik dat de height van het menu links zich aanpast aan de height van de content rechts. Ik heb dit geprobeerd door deze simpelweg op 100% te zetten maar dan wordt hij zoals je bij onderstaand voorbeeld kan zien te lang (in ie en ff). Als ik hem op auto zet verdwijnt zelfs de achtergrondafbeelding.
Zie hier:http://www.ipodsoftware.nl/test.html
Iemand een oplossing hiervoor?
Hieronder nog eens mijn code
Ik heb een simpele opbouw in div gemaakt. Nu wil ik dat de height van het menu links zich aanpast aan de height van de content rechts. Ik heb dit geprobeerd door deze simpelweg op 100% te zetten maar dan wordt hij zoals je bij onderstaand voorbeeld kan zien te lang (in ie en ff). Als ik hem op auto zet verdwijnt zelfs de achtergrondafbeelding.
Zie hier:http://www.ipodsoftware.nl/test.html
Iemand een oplossing hiervoor?
Hieronder nog eens mijn code
PHP:
<html>
<head>
<style>
#wrapper {
width: 1000px;
margin: 60px auto;
padding: 0px;
position: relative;
text-align: left;
height: auto !important;
height: 100%;
}
#menulinks {
width: 150px;
height:100%;
position: relative;
background-image:url(images/menu-links2.jpg);
background-repeat: repeat-y;
background-position: top;
float:left;
padding:0px;
margin:0px;
}
#midden {
width: 700px;
height:auto;
float:left;
margin:0px;
padding:0px;
}
#content{
background-color:#dce8b3;
width:450px;
height:auto;
margin:0px;
padding:0px;
min-height:450px;
_height: 450px;
float:left;
}
#clear {
clear: both;
margin:0px;
padding:0px;
}
#footer {
width: 1000px;
height: 99px;
position: relative;
background-image:url(images/footer2.jpg);
background-repeat: no-repeat;
background-position: bottom;
vertical-align: text-bottom;
padding:0px;
margin:0px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="menulinks">
</div>
<div id="midden">
<div id="content">
<h1>Welkom</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut metus orci, auctor vitae pharetra ac, lacinia non est. Etiam lectus elit, semper vitae congue non, egestas vitae orci. Sed arcu ante, mollis quis pretium vitae, egestas id lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ullamcorper eros non nunc faucibus sit amet tempor erat aliquam. Curabitur sed leo enim, et tincidunt lorem. Duis porttitor egestas sollicitudin. Maecenas id augue lacus. Donec in neque vitae arcu dapibus feugiat. Integer vitae euismod neque. Aenean posuere velit a magna porttitor sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec bibendum posuere diam nec condimentum. Integer et felis ut neque tristique vehicula. Phasellus eget nisl eu dolor tristique interdum eu fermentum lorem. Praesent magna enim, tristique a porta ut, fringilla scelerisque sapien. Nunc dolor purus, commodo dignissim sagittis nec, imperdiet nec leo. </p>
<p> Maecenas porta mollis nibh iaculis malesuada. Maecenas aliquet molestie gravida. Fusce id risus sem. Etiam sed mauris quis arcu placerat varius sed at justo. Aliquam mollis libero eget sapien porttitor porttitor. Phasellus semper quam quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla posuere nisl at ligula rhoncus id dapibus ligula tincidunt. Morbi fringilla tellus sit amet eros ultrices pharetra. Quisque posuere ipsum sed dolor bibendum nec sodales magna dictum. Aliquam sed dui vel augue tincidunt dictum. Aenean non dolor in diam facilisis tristique sit amet non nibh. Quisque quis sagittis nulla. Morbi aliquam vehicula sagittis. Sed elit sem, mollis ut dignissim vel, lobortis eget massa. Aenean faucibus, lectus vel accumsan consectetur, risus quam posuere ligula, hendrerit porta erat mi vel diam. Aliquam urna justo, aliquet et gravida quis, adipiscing a urna. Pellentesque eget sodales augue. Curabitur augue augue, iaculis non consectetur et, tempor quis dui. </p>
</div>
</div>
<div id="clear"></div>
<div id="footer">
</div>
</div>
</body>
</html>
