Estimados
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:
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;
}
HTML:
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>
Eso es todo, estare atento a alguna respuesta.
Muchas gracias de antemano
Saludos