Foros del Web » Creando para Internet » CSS »

Capa se me va para abajo en IE

Estas en el tema de Capa se me va para abajo en IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/03/2009, 17:26
 
Fecha de Ingreso: octubre-2006
Mensajes: 78
Antigüedad: 11 años, 2 meses
Puntos: 1
Capa se me va para abajo en IE

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&iacute;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>&nbsp;</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
  #2 (permalink)  
Antiguo 23/03/2009, 18:22
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Capa se me va para abajo en IE

Saludos!!

Imagino que tu problema es que en IE no se ven las imagenes no?

Disculpa... de casualidad has intentado habilitar las imagenes en IE? esque examinando tu imagen, vi en la parte de arriba, un mensaje que dice
Cita:
Internet Explorer se esta ejecutando actualmente con los complementos deshabilitados
Tienes que habilitar las imagenes, para que se vean!

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 23/03/2009, 18:51
 
Fecha de Ingreso: octubre-2006
Mensajes: 78
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Capa se me va para abajo en IE

Cita:
Iniciado por CaLiZzZ Ver Mensaje
Saludos!!

Imagino que tu problema es que en IE no se ven las imagenes no?

Disculpa... de casualidad has intentado habilitar las imagenes en IE? esque examinando tu imagen, vi en la parte de arriba, un mensaje que dice


Tienes que habilitar las imagenes, para que se vean!

Hasta Luego!!
No , no es ese el problema, sino que si te fijas el mismo formulario que me aparece entre las dos capas flotantes en IE aparece por debajo.
  #4 (permalink)  
Antiguo 23/03/2009, 19:21
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Capa se me va para abajo en IE

Ups! parece que me he confundido... Disculpa la equivocacion!

Fijate que se me ocurre esto, porque no metes el formulario dentro de el div? esque veo que esta por fuera!

y cambia esto:

#principal{
margin-left: 250px;
background-color: #FFFFFF;
/* padding: 0 4 4 4px;*/
margin-right: 250px;
/* margin-bottom: 10px; */

por esto:

#principal{
margin: 0px auto 10px auto;
background-color: #FFFFFF;
/* padding: 0 4 4 4px;*/
height: 400px;
}

Posiblemente esto te ayude, sino, sigue preguntando e intentare seguirte ayudando!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 23/03/2009, 19:36
 
Fecha de Ingreso: octubre-2006
Mensajes: 78
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Capa se me va para abajo en IE

Cita:
Iniciado por CaLiZzZ Ver Mensaje
Ups! parece que me he confundido... Disculpa la equivocacion!

Fijate que se me ocurre esto, porque no metes el formulario dentro de el div? esque veo que esta por fuera!

y cambia esto:

#principal{
margin-left: 250px;
background-color: #FFFFFF;
/* padding: 0 4 4 4px;*/
margin-right: 250px;
/* margin-bottom: 10px; */

por esto:

#principal{
margin: 0px auto 10px auto;
background-color: #FFFFFF;
/* padding: 0 4 4 4px;*/
height: 400px;
}

Posiblemente esto te ayude, sino, sigue preguntando e intentare seguirte ayudando!
Gracias por responder.

En realidad el form esta adentro, se ve como un div que cierra pero esta cerrando a un div align center jeje.

Mira, algo curioso tambien es que La palabra Contacto sin embargo se mantiene arriba... Porque será??.

Probare hacer las modifcaciones que me mencionaste.

Ya te comento.

Gracias.
  #6 (permalink)  
Antiguo 23/03/2009, 21:47
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.740
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: Capa se me va para abajo en IE

En el CSS define los margenes para el form, tal vez sea eso lo que hace que se desplace hacia abajo tu formulario.

Código css:
Ver original
  1. form {
  2.     margin:0px;
  3. }
__________________
- León, Guanajuato
- GV-Foto
  #7 (permalink)  
Antiguo 26/03/2009, 21:07
 
Fecha de Ingreso: octubre-2006
Mensajes: 78
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Capa se me va para abajo en IE

Cita:
Iniciado por Triby Ver Mensaje
En el CSS define los margenes para el form, tal vez sea eso lo que hace que se desplace hacia abajo tu formulario.

Código css:
Ver original
  1. form {
  2.     margin:0px;
  3. }
No amigo no pude solucionarlo con eso ,
  #8 (permalink)  
Antiguo 26/03/2009, 21:18
 
Fecha de Ingreso: octubre-2006
Mensajes: 78
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Capa se me va para abajo en IE

Ya pude solucionarlo.

El ancho del textarea definido en el css hacia que se baje todo el form.

Muchas gracias por sus respuestas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:03.