16/09/2011, 08:44
|
| | | 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;
} |