IE6 CSS layout problem
-
Hi
My site layout should look like that screenshot:(in firefox and opera)
But in IE6 looks like this (screenshot):I have no idea whats happening, I hope you can help me.
This is the code:
<?php
get_header();
?><body>
<div id="caja">
frame (the orange box)<div id="cabecera">Header</div>
<div id="columna">Sidebar</div>
<div id="contenedor">Content</div>
</div>
<div style="clear:both"></div>
<?php
get_footer();
?>and the CSS:
#caja {
width: 750px;
border: 5px solid #FF8C00;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 0px;
padding: 10px;
background-color: white;
}#contenedor {
padding: 5px;
margin-left: 230px;
background-color: transparent;
border: 1px dashed #FF4500;
}#columna {
float: left;
width: 200px;
width: 210px;
width: 200px;
margin: 0;
margin-right: 5px;
padding: 5px;
border: 1px dotted #228B22;
}#pie {
width: 750px;
padding: 5px;
border: 1px solid gray;
background-color: #EFEFEF;
font-size: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top: 0px;}
Thanks a lot
- The topic ‘IE6 CSS layout problem’ is closed to new replies.