guten tag liebe tp'ler,
ich steh wieder vor einem für mich unlösbaren problem - hab die suche zwar verwendet, aber ich glaub mit dem falschen fressen gefüttert...zumindest spuckte sie mir nichts verwertbares aus
zu meinem problem:
ich habe zwei div-boxen. zum einen "container" und zum anderen "info_box".
je nachdem welcher "inhalt" der boxen größer ist, muss sich nun entweder die eine oder die andere anpassen, was bei mir noch so aussieht:
Content zu klein
wie schaffe ich es nun, dass die "content"-box mindestens so groß ist wie die info_box?! min-height habe ich da nicht einbinden können
hier mein css-code:
HTML-Code:
body {
background-color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0px;
margin:0px;
}
/* ----------container zentriert das layout-------------- */
#container {
margin-left:auto;
margin-right:auto;
width: 780px;
background-color: #4979B4;
border:1px solid #CFCFCF;
margin-top: 5px;
min-height:100%;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #FFFFFF;
color:#333333;
text-align: center;
padding: 0px;
margin: 0px;
}
* html #content {
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
min-height:100%;
}
#content {
background-color: #B5C8DF;
color:#333333;
float:left;
width: 580px;
padding:5px;
min-height:100%;
}
#info_box{
background-color: #4979B4;
margin-left: 0px;
/* min-height:100%; */
height:40px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin-left:10px;
color:#FFFFFF;
text-align:center;
}
.bild {
float:right;
}
/* -------navigation----------- */
#menu{
border: solid 1px #AEAEAE;
background-color:#F7F7F7;
color:#333333;
}
/* links und footer */
#meta_navi {
padding-top:4px;
font-size: 12px;
background-color: #4979B4;
color:#6A6EAB;
height:20px;
text-align:left;
clear:both;
}
wäre super, wenn mir jemand auf die spüringe helfen könnte - ich weiß echt nimmer weiter!
vielen dank für eure bemühungen schon mal im vorraus