Css - Faux Columns? Problemer IE!
Hej Eksperter.Jeg er igang med at lave noget faux columns til min hjemmeside, problemet er at jeg har brugt display:table, som ikke understøttes i denne form i IE 6 og 7. Ellers så virker det helt fint.
Selvfølgelig kunne man vel lave noget background image, men vil nu så vidt muligt holde mig til det her.
Kunne man evt. lave noget hvor man kun bruger background image i i IE 6 og 7?
fx:
<!--[if IE 6]>
<style type="text/css">
</style>
<![endif]-->
og så evt. lave noget kode til alle andre browsere end IE 6 og 7.
Min kode er sådan her til display:table:
.container {
display:table;
padding:0px;
margin: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container > div {
display: table-cell;
}
.one {
background-color: white;
width:20%;
border-left: 1px solid silver;
border-right: 1px solid silver;
padding-left:10px;
padding-right:10px;
padding-top:0px;
}
.two {
background-color: rgb(243,238,253);
width:50%;
padding-left:10px;
padding-right:10px;
padding-top:0px;
}
.three {
background-color: white;
width:30%;
border-left: 1px solid silver;
border-right: 1px solid silver;
padding-left:10px;
padding-right:10px;
padding-top:0px;
}
Tak for hjælpen :)
