Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/09/2011, 08:44
Avatar de jesusbg
jesusbg
 
Fecha de Ingreso: septiembre-2011
Ubicación: Santiago de Compostela
Mensajes: 41
Antigüedad: 13 años, 2 meses
Puntos: 1
Respuesta: Problemas de colocacion IE8

Bien:
el código de CSS sería(envio por partes que no cabe en 1 solo post):
Cita:
.textBox {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border:1px solid #06704B;
}

#contenedor {
width:1000px;
text-align:center;
margin:auto;
overflow:hidden;
background:#BEEBDD;
box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#A ABBCC,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#AA BBCC,direction=125,strength=5);
}

#logo {
font-family:"Trebuchet MS";
margin-top:10px;
margin-left:8px;
margin-right:0px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:980px;
float: left;
background:#BEEBDD;
}
#contCategorias {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:200px;
background:#FFFFFF;
overflow:hidden;
box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#A ABBCC,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#AA BBCC,direction=125,strength=5);
}
#categoriasImg {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
width:180px;
background:#FFFFFF;
}
#categorias {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:180px;
background:#FFFFFF;
}
#categorias img {
margin-top:2px;
margin-left:0px;
margin-right:0px;
margin-bottom:2px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:85px;
height:85px;
border: 1px solid #000;
}

#central {
float:right;
margin-top:10px;
margin-left:0px;
margin-right:5px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:555px;
background:#FFFFFF;
box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#A ABBCC,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#AA BBCC,direction=125,strength=5);
}
#navegacionBar {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
width:510px;
border:1px solid #000;
text-align:left;
font-weight:bold;
color:#00A6D6;
background:#FFFFFF;
}

#navegacionDiv {
margin-top:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:520px;
overflow:hidden;
}

#navegacionDescsCat {
margin-top:10px;
margin-left:0px;
margin-right:8px;
margin-bottom:8px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:497px;
text-align:justify;
border:1px solid #000;
background:#FFFFFF

}
#navegacionDescsPrd {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:497px;
text-align:justify;
border:1px solid #000;
background:#FFFFFF
}
#navegacionDescsDet {
margin-top:10px;
margin-left:0px;
margin-right:8px;
margin-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:497px;
text-align:justify;
border:1px solid #000;
background:#FFFFFF
}
#navegacionCondPago {
margin-top:10px;
margin-left:0px;
margin-right:8px;
margin-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:497px;
text-align:justify;
border:1px solid #000;
background:#FFFFFF
}
#navegacionCarro {
margin-top:10px;
margin-left:0px;
margin-right:8px;
margin-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:497px;
text-align:center;
background:#FFFFFF
}
#navegacionElem {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:100px;
height:100px;
border:1px solid #000;
float:left;
}
#otros {
float:right;
margin-top:10px;
margin-left:0px;
margin-right:8px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:200px;
background:#FFFFFF;
box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#A ABBCC,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#AA BBCC,direction=125,strength=5);
}

#otrosImg {
margin-top:10px;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
width:180px;
background:#FFFFFF;
}


#otrosElemento {
text-align:center;
margin-top:10px;
margin-left:25px;
margin-right:25px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:150px;
height:150px;
border: 1px solid #000000
}
#otrosElemento img {
text-align:center;
}


#navegacionDiv table {
font-family:arial;
font-size:12px;
table-layout:fixed;
border-collapse:collapse
}
#navegacionDiv th {
width:65px;
font-weight:bold;
border: 1px solid #000000
}
#navegacionDiv td {
width:65px;
border: 1px solid #000000
}

#navegacionCarro table {
font-family:arial;
font-size:12px;
table-layout:fixed;
border-collapse:collapse
}
#navegacionCarro th {
font-weight:bold;
border: 0px solid #000000;
text-align:right;
}
#navegacionCarro td {
border: 0px solid #000000;
text-align:left;
}

#navegacionDiv td.color {
cursor: pointer;
background-color: #87CEEB;
}
#navegacionDiv td.color2 {
cursor: pointer;
background-color: #DDA0DD;
}

#navegacionBar A:link {
text-align:left;
font-weight:bold;
text-decoration:none;
color:#00A6D6;
}
#navegacionBar A:visited {
text-align:left;
font-weight:bold;
text-decoration:none;
color:#00A6D6;
}
#navegacionBar A:hover {
text-align:left;
font-weight:bold;
text-decoration:none;
color:#00A6D6;
}
#navegacionBar A:active {
text-align:left;
font-weight:bold;
text-decoration:none;
color:#00A6D6;
}