hallo miteinander,
ich sitze hier an einem recht einfachen Layout und stelle mir die frage, ob es vielleicht möglich sei einem div eine "dynamische" Höhe zuzuweisen. in meinem beispiel stecken 2 div´s in einem elternelement, die Höhe des elternelements wird von der Höhe der einen div´s bestimmt, welche auch "dynamisch" ist, je mehr z.b Text reinkommt werden die div´s auch "höher". nur das dritte div nicht ;-(
hier mal der Code:
vielen lieben dank für Tipps und Hilfe!
<body>
<div class="aussen">
<div class="news">
</div><!-- news schliessen -->
<div class="box">
</div><!-- box schliessen -->
<div class="moz-bug"></div>
</div>
</body>
/* CSS Document */
html,body {
margin:0px auto;
padding:0px;
width:100%;
height:100%;
background-color:#ffffff;
background:url(img/bg.jpg) repeat-x;
text-align:center;
font-size:1px;
}
.moz-bug { clear:both;
}
.news{
margin:0px auto;
padding:0px;
width:246px;
height:400px;
background-color: #f1f6fa;
border:1px solid #CCCCCC;
float:left;
display:inline;
}
.box{
margin:0px auto;
padding:0px;
width:597px;
background-color: #ffffff;
border:1px solid #CCCCCC;
float:right;
display:inline;
text-align:left;
}
.aussen{
margin:0px auto;
border-right :8px solid #ffffff;
border-left: 8px solid #FFFFFF;
width:855px;
background-color:#FFFFFF;
overflow:hidden;
}
.news{
margin:0px auto;
padding:0px;
width:246px;
background-color: #f1f6fa;
border:1px solid #CCCCCC;
float:left;
display:inline;
}
noch mal kurz und knapp: ist es möglich, dass sich div "box" automatisch der Höhe von div " news" anpasst??
liebe grüße
Biene