Jeg er løbet ind i et problem. Jeg har noget content, der er delt op i 2 spalter. Uden om det content, skal der være en ramme der indrammer det. Men indramningen ændre sig i forhold til hvor meget indhold der er, og det troede jeg sagtens jeg kunne gøre ved at sætte højden til at være auto. Men det virker kun i IE8, ikke i Chrome.
html:
<div id="content-bg">
<!-- Baggrund-->
<div id="content">
<div id="small">
<div id="small-banner">
<p>Hej med dig</p>
</div>
</div>
<div id="large">
<div id="large-banner">
<p>Hej med dig</p>
</div>
<p>INDHOLD</p>
</div>
</div>
</div>
#large{
float:left;
height:auto;
width:492px;
padding : 0 0 0 20px;
margin : 0 0 0 0;
}
#large-banner{
background-image: url('large-banner.png');
height:47px;
width:492px;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
#small{
float: right;
height:auto;
width:251px;
padding : 0 20px 0 0;
margin : 0 0 0 0;
}
#small-banner{
background-image: url('small-banner.png');
height:45px;
width:251px;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
#center{
width:862px; margin:0 auto;
}
#content{
height:auto;
width:800px;
padding : 0 0 0 30px;
margin : 0 0 0 0;
}
#content-bg{
background-repeat: repeat-y;
background-image: url('content-bg.png');
width:862px;
height:auto;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
Det der skal fokuseres på er vel #content-bg
siden er her: det er den grå bjælke som kan ses i IE som mangle i Chrome.
Siden:
http://perrep.dk/Nyside/CSS'en:
http://perrep.dk/Nyside/grafik/style.css
Indlæg senest redigeret d. 13.08.2009 09:42 af Bruger #11704