Buenos dias ,
Tengo dos problemas con una página a la cual no puedo visualizar bien en el IE
Explorer pero que en Opera la veo correctamente.. al menos en los PreViews
del eplorer (carpeta local) tambien la he visto correctamente.
En un web tengo dos columnas :
la de la izquierda :
#izquierda{
width: 460px;
la de la derecha:
#derecha{
width: 273px;
1.-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
