Buenos dias ,
Desde hace dos días estoy enfrentando un problema de visualización en una
página la cual no puedo visualizar bien en el "IE Explorer 6.0"pero que en
"Opera" la veo correctamente.. al menos en los PreViews del explorer (carpeta
local) tambien la he visto correctamente.
Tengo dos columnas :
la de la izquierda :
#izquierda{
width: 460px;
la de la derecha:
#derecha{
width: 273px;
1.-El TOP de la columna de la izquierda la visualizo debajo del nivel inferior
de la columna del lado derecho ...
2.-Cuando cambio de ventana en el navegador y retorno, el problema esta
solucionado... actualizo la página y el problema se presenta nuevamente.
www.handihand.org/redesign/
www.handihand.org/redesign/2.html
El código CSS que estoy utilizando es:
---------------------------------------------
body
{
padding-top: 0px;
padding-left: 5px;
font-size: 90%;
font-family: arial, hevetica, sans-serif;
text-align: left;
color: #666666;
background-color: #D6D6D6;
margin-top: 0px;
}
a:link { color: #B52C07; }
a:visited { color: #600; }
a:hover, a:active
{
color: #fff;
background-color: #B52C07;
}
#padre{
margin: auto;
width: 760px;
position: relative;
margin-right: auto;
text-align: left;
background-color: #ffffff;
color: #666666;
}
#header{
margin: auto;
height:150px;
width:760px;
background-color:#767979;
padding: 0px;
}
#izquierda{
width: 460px;
border-right: 1px dashed #999999;
padding-right: 10px;
margin-left: 3px;
}
#derecha{
width: 273px;
position: relative;
float: right;
margin-left: 1px;
bottom: 0;
text-align: left;
font-size: 85%;
font-family: "Trebuchet MS";
color: #333333;
}
#pie{
height:10px;
font-family: "Trebuchet MS";
color: #FFF;
text-align: center;
font-size: 80%;
width:100%;
background-color:#ff6633;
}
.cuerpo {font-size: 90%; font-family: "Trebuchet MS"; }
.imagen {
background-color: #FFFFFF;
height: auto;
width: auto;
margin: 3px;
text-align: left;
padding: 5px;
border: 1px solid #999999;
display: inline-table;
}
.imagen_der {
background-color: #FFFFFF;
height: auto;
width: auto;
margin: 3px 3px 3px 3px;
padding: 5px;
border: 1px solid #999999;
display: inline-table;
}
.imagen_dot {
background-color: #FFFFFF;
height: auto;
width: auto;
background-position: center;
margin: 0px;
align: center;
padding: 5px;
border: 1px dotted #999999;
}
---------------------------------------------
Además las imágenes lucen totalmente deformadas y no entiendo el porqué.
Es necesario un hack para el IE o que puede estar sucediendo?
Agradezco por adelantado vuestra ayuda con este "problemita"
Gracias
--------------------------------------------------
Miguel Flores Franco - Pixelperu
Arte - Diseño - Web - Fotografía Digital
http://http://63.247.90.155/~pixelpe/
Telf.: +511 567 7475 • MSN: [EMAIL PROTECTED]_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
