Quiero contarles que tengo un problema, mi pagina se ve bien en Firefox pero en IExplorer tiene una falla que pasare a detallar con imagenes.
Firefox:
IExplorer:
Les dejo el css y el Html
Css
Código:
HTML:BODY {
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px;
text-align: center;
background : #000000;
}
h4{
color: #B8860B;
padding-bottom: 0px ;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
}
h3{
font-size: 8pt;
color: #B8860B;
padding-bottom: 0px ;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
}
A:link{
color: #FFFFFF;
text-decoration: underline ;
}
A:visited{
color: #55381C;
text-decoration: underline ;
}
#contenedor{
text-align: left;
width: 750px;
margin: auto;
background-color : #e3ca89;
height: 600px;
}
#cabecera{
width: 750px;
height: 200px;
background: #e3ca89 url(../Imagenes/nuevotmplatechop_01.jpg) no-repeat;
}
#logo{
height:106px;
}
#navegacion{
font-weight: bold;
font-size: 12px;
font-family: Lucida Fax;
font-style: italic;
}
#navegacion ul{
margin-top: 0px;
margin-bottom: 0px;
}
#navegacion li{
display: inline;
list-style-type: square;
margin: 0 50 0 0px;
}
#cuerpo{
margin: 0 0 0 0px;
background-color : #e3ca89;
/*height: 400px;*/
}
#lateral{
width: 250px;
height: 400px;
background-color: #e3ca89;
float:left;
}
#textbienvenida{
height: 146px;
padding-bottom: 0px ;
padding-left: 45px;
padding-right: 45px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
color: #717070;
text-align: justify;
font-size: 10px;
}
#imagencopa
{
}
#lateral23{
width: 250px;
height: 400px;
background-color: #e3ca89;
float:right;
}
#textbienvenidaizq{
height: 146px;
padding-bottom: 0px ;
padding-left: 45px;
padding-right: 45px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
color: #717070;
text-align: justify;
font-size: 10px;
}
#slideimagen
{
text-align: center;
}
#margenimagen
{
width: 160px;
background-color: #55381C;
margin: auto;
}
#principal{
margin-left: 250px;
background-color: #FFFFFF;
/* padding: 0 4 4 4px;*/
margin-right: 250px;
/* margin-bottom: 10px; */
}
#pie{
/*margin-bottom: 0px;*/
background-color: #cccccc;
text-align:right;
width: 750px;
margin: auto;
}
#imagen{
background-image: url(Psdcopado8_09.GIF);
width: 160px;
height: 40px;
margin: 0 px
}
/*#cabecera{
background-image: url(../Imagenes/Psdcopado9_01.gif);
width: 750px;
height: 143px;
}
*/
/*#contenedor{
text-align: left;
width: 750px;
margin: auto;
background-color : #FFFFCC;
height: 800px;
}*/
.tablatamanio { border: none;
width: 248px;
}
.textochico {
font-family: Tahoma;
color: #55381C;
text-align: justify;
font-size: 12px;
}
.formcontacto{
background-color: #AF875F;
border: 1px solid #A0522D;
}
.textareacontact{
background-color: #AF875F;
border: 1px solid #A0522D;
width: 245px;
height: 100px;
overflow: hidden;
}
.liespecial{
display: inline;
list-style-type: square;
padding-left: 80px;
}
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Documento sin título</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <LINK href="Estilos/Estil.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="Estilos/niftyCorners.css"> <link rel="stylesheet" type="text/css" href="Estilos/niftyPrint.css" media="print"> <script type="text/javascript" src="Javascript/nifty.js"></script> <style type="text/css"> <!-- .Estilo2 {color: #B8860B} --> </style> </head> <body onLoad="generarSlide();redondear();"> <div id="contenedor"> <div id="cabecera"> <div id="logo"></div> <div id="navegacion"> <ul> <li><a href="index.htm">Inicio</a></li> <li><a href="alquiler.php">Promociones</a></li> <li><a href="contacto.htm">Contacto</a></li> <li class="liespecial"><a href="fotos.php" >Fotos</a></li> </ul> </div> </div> <div id="cuerpo"> <div id="lateral23"> <div id="textbienvenidaizq"> <h3>Bienvenidos</h3> <img src="Imagenes/101.gif" width="160"> Hola estes es un textito vieja :P como estas queria decirte que sos un capo pero no puedo creer algunas cosas que me haces tenes que arreglarlas </div> <div id="slideimagen"> <div id="margenimagen"> <img name="hernan" src="Imagenes/1.JPG" width="140" height="140" onClick="redireccionar();" onMouseOver="cambiarPuntero('onmouseov');" onMouseOut="cambiarPuntero('onmouseou');"> </div> </div> </div> <div id="lateral"> <div align="center"> <div id="textbienvenida"> <h3>Bienvenidos</h3> <img src="Imagenes/101.gif" width="160"> Hola estes es un textito vieja :P como estas queria decirte que sos un capo pero no puedo creer algunas cosas que me haces tenes que arreglarlas </div> <div id="imagencopa"> <img src="Imagenes/Photo1.gif" align="baseline"> </div> </div> </div> <div id="principal"> <!-- Para establecer un contacto puede dejarnos sus datos, nos comunicaremos a la brevedad. ---> <h4 align="center" >Contacto</h4> <div align="center"><img src="Imagenes/101.gif" width="245"> </div> <FORM METHOD=POST ACTION="phpcontact.php" name="miform" onSubmit="return validamail();"><center> <table width="245"> <tr> <td><h3>Nombre:</h3></td> <td><input type="text" name="name" class="formcontacto"></td> </tr> <tr> <td><h3>Email:</h3> </td> <td><input type="text" name="email" class="formcontacto"> </td> </tr> <tr> <td colspan="2"><center><h3>Comentario:</h3></center></td> </tr> <tr> <td colspan="2"><center> <textarea name="comment" class="textareacontact" style=""></textarea> </center></td> </tr> <tr> <td><h3>Telefono:</h3></td> <td><input type="text" name="tel" onCopy="alertar();" class="formcontacto"></td> </tr> <tr> <td colspan="2"><center><input type="submit" name="Submit" value="Enviar"></center></td> </tr> </table> </form> <h3> </h3> </div> </div> </div> <div id="pie"> Desarrollado por Hernan </div> </body> </html>
Muchas gracias de antemano
Saludos
Disculpa la equivocacion!
