Div hoogte past zich niet niet aan inhoud aan

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

M o

m o

25/01/2011 10:59:02
Quote Anchor link
De div #contentarea past zich niet aan de inhoud aan van objecten en div's die er binnen in zitten. Ik geloof dat ik het altijd zo heb gedaan, zoals hieronder, maar nog nooit problemen mee gehad

Hier mn HTML:
Quote:
<body>

<div id="container">
<div id="header"> </div>
<div id="contentarea">
<div id="contentinhoud">
<div id="menuleft"></div>
<div class="blackline"> </div>
<div id="content"></div>
<div class="blackline"></div>
<div id="menuright"></div>
</div>
</div>
<div id="bottom"> </div>
</div>

</body>


en hier mn CSS:
Quote:
html {
height: 100%;
margin: 0;
padding: 0;
}

body {
width: 100%;
text-align: center;
background-image: url(../images/background.png);
background-repeat: repeat-y;
background-position: center top;
background-color: black;
margin: 0;
padding: 0;
min-height: 100%;
}

#container {
width:1200px;
margin: auto;
margin-top: 10px;
min-height: 100%;
}

#header {
background-image: url(../images/header.png);
width: 1200px;
height: 197px;
}

#contentarea {
background-image: url(../images/bgcontent.png);
background-repeat: repeat-y;
background-position: center top;
width: 1200px;
position: relative;
min-height: 100%;
height: auto !important;
}

#bottom {
background-image: url(../images/contentbottom.png);
background-position: center;
width: 1200px;
height: 30px;
}

#contentinhoud {
width: 1160px;
margin: 0px 20px 0px 20px;
min-height: 100%;
}

.blackline {
margin-top: 15px;
margin-left: 12px;
margin-right: 12px;
width: 1px;
height: 400px;
background-color: black;
float: left;
}

#menuleft {
width: 250px;
min-height: 1px;
float: left;
}

#content {
width: 660px;
float: left;
min-height: 1px;
height: 100%;
}

#menuright {
width: 200px;
float: left;
min-height: 1px;
}


Iemand die ziet wat ik hier verkeert doe?
 
PHP hulp

PHP hulp

11/05/2024 22:39:30
 
Joakim Broden

Joakim Broden

25/01/2011 11:33:42
Quote Anchor link
overflow: hidden op de #contentinhoud div
 
M o

m o

25/01/2011 11:38:32
Quote Anchor link
Oetzie cookie op 25/01/2011 11:33:42:
overflow: hidden op de #contentinhoud div


Bedankt man, probleem opgelost :D
 
Ozzie PHP

Ozzie PHP

25/01/2011 11:39:31
Quote Anchor link
Probeer dit eens:

#contentarea {
overflow:auto;
background-image: url(../images/bgcontent.png);
background-repeat: repeat-y;
background-position: center top;
width: 1200px;
position: relative;
height: auto !important;
}

Toevoeging op 25/01/2011 11:40:00:

Maikel oelen op 25/01/2011 11:38:32:
Oetzie cookie op 25/01/2011 11:33:42:
overflow: hidden op de #contentinhoud div


Bedankt man, probleem opgelost :D

Oh oke... :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.