het.pc.schaap
Legacy Member
Code:
<div class='container'>
<div class='background_top'></div>
<div class='banner'></div>
<div class='menu'></div>
<div class='menu_bottom'></div>
<div class='content'>
..................
</div>
<div class='background_bottom'>de copyrights en shit</div>
</div>met als css:
Code:
div.container {
background-color: #505050;
width: 950px;
min-height: 500px;
height: auto;
margin: 0 auto;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
position: relative;
}
div.background_top {
background-image: url('images/background_top.jpg');
width: 950px;
height: 28px;
}
div.banner {
background-image: url('images/banner.jpg');
width: 950px;
height: 170px;
}
div.menu {
background-image: url('images/menu.jpg');
width: 950px;
height: 55px;
}
div.menu_bottom {
background-image: url('images/menu_bottom.jpg');
width: 950px;
height: 58px;
}
div.content {
background-image: url('images/content_background.jpg');
background-repeat: repeat-y;
width: 950px;
min-height: 300px;
padding-bottom: 35px;
height: auto;
position: relative;
}
div.background_bottom {
background-image: url('images/background_bottom.jpg');
width: 950px;
height: 72px;
text-align: center;
padding-top: 15px;
color: #ffffff;
font-size: 9px;
font-weight: bold;
font-family: tahoma;
position:relative;
}in IE ziet het er mooi uit, maar ff houdt geen rekening met de auto height van div.content, met de min-height dan weer wel. Weet iemand waar de fout kan liggen?
het staat ook online:
alvast bedankt
P.S. openhet maar eens in IE om te zien hoe het eruit zou moeten zien
