Primero, que es el equivalente en css a poner width=* (en html)
tengo tres divs horizontales y quiero que me ocupen el 100% y tienen esta organizacion:
10px - (el que quiero que ocupe lo que sobra de la pagina) - 10px.
El otro proble con IE es el siguiente:
En firefox se me ven los estilos de los divs, pero en IE no se ven, alguien sabe por que?
Copio el código:
Código PHP:
<head>
<style type="text/css">
body{
background: url(images/bg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
margin:0;
padding:0;
}
div.contenedor{
width: 100%;"
margin: auto;
display: table;
margin-left: auto;
margin-right: auto;
}
div.login{
height: 35px;
width: 100%;
background-color:#616161;
}
div.logo{
float: left;
height: 87px;
width: 20px;
}
div.publicabecera{
float: right;
height: 87px;
width: 80%;
}
div.part1{
float: left;
height: 82px;
width: 16px;
background: url(images/img_10.jpg);
}
div.part2{
float: left;
height: 82px;
width: 468;
background: url(images/img_05.jpg);
}
div.part3{
float: left;
height: 82px;
width: 40%;
background: url(images/img_06.jpg);
background-repeat: repeat-x;
}
div.part4{
float: left;
height: 82px;
width: 17px;
background: url(images/img_08.jpg);
}
div.part5{
float: left;
height: 82px;
width: 16px;
background: url(images/img_11.jpg);
}
div.part11{
float: left;
height: 800px;
width: 16px;
background: url(images/img_0911.jpg);
}
div.part12{
float: left;
height: 800px;
width: 800px;
background-color: #FFFFFF;
}
div.part13{
float: right;
height: 800px;
width: 16px;
background: url(images/img_0911.jpg);
}
</style>
<head>
<div class="contenedor">
<div class="login"></div>
<div class="logo"></div>
<div class="publicabecera"></div>
<div style = "height: 82px; width: 100%; clear: both;">
<div class="part1"></div>
<div class="part2"></div>
<div class="part3"></div>
<div class="part4"></div>
<div class="part5"></div>
</div>
<div style = "height: 82px; width: 100%; clear: both;">
<div class="part11"></div>
<div class="part12">asdasdsad</div>
<div class="part13"></div>
</div>
<div style = "clear: both; height: 35px; width: 100%; background-color:#616161;"></div>
</div>