Foros del Web » Creando para Internet » CSS »

Se me mueve la capa si introduzco <p>

Estas en el tema de Se me mueve la capa si introduzco <p> en el foro de CSS en Foros del Web. Hola todos hace tiempo que no me pasa por aquí, pero he vuelto a programa en html+css y tengo un problemilla. He estructurado la pagina ...
  #1 (permalink)  
Antiguo 01/12/2009, 07:52
 
Fecha de Ingreso: abril-2005
Mensajes: 42
Antigüedad: 12 años, 7 meses
Puntos: 0
Se me mueve la capa si introduzco <p>

Hola todos hace tiempo que no me pasa por aquí, pero he vuelto a programa en html+css y tengo un problemilla.
He estructurado la pagina Web, creo que mas o menos bien, pero cuando introduzco un párrafo <p>.. <p>, se me desplaza la capa en la cual esta hacia abajo y me estropea la maquetacion. Me imagino que esto será por que no he introducción bien las referencias relativos y absolutas, pero no encuentro información en Internet.
Os pongo el código por si podéis ayudarme.
Aquí tenéis la pagina Hmtl

Código:
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="capas/disenno.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="contenedor">
	
  <div class="cabecera"></div>
		<div class="barra-lateral"> <p>Lateral</p>  </div>
  <div class="contenido">
    <div class="Seleccion">
		<div class="imagen_pilares_cabeza"><p>Me muevo</p></div>
	</div>
    <div class="Seleccion">
	</div>		
    <div class="Seleccion">
	</div>	
   </div>
   <div class="pie">Prueba de pie</div>

</div>
</body>
</html>
Y aqui teneis la CSS:

Código:
.contenedor{
	width:  900px;
	margin: auto;
}
.cabecera {
	background-color: blue;
    height: 75px;
	padding: 5px;
	clear: both;
	Margin-bottom: 10px;
}

.barra-lateral{
	background-color: orange;
	float:left;
	width: 140px;
	height: 100%;
}
.contenido{
	background-color: gray;
	float: left;
	width: 750px;
	height: 100%;
	Margin-left: 10px;
	
}
.Seleccion{
    background-color: red;
	Margin-top: 10px;
	float: left;
	width: 227px;
	height: 295px;
	Margin-left: 10px;
}


.pie{
	background-color:blue;
	clear:both;
	float: left;
    Margin-top: 10px;
	width: 900px;
	Padding-bottom: 5px;
}
.imagen_pilares_cabeza{
	background-image:url('../Imagenes/FondoCabecera_destaco_1.gif');
	position:adsolute;
	left:0px;
	top:0px;
	z-index:-1;
	width: 226px;
	height: 30px;
}
Muchas gracias a todos.
  #2 (permalink)  
Antiguo 01/12/2009, 09:11
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Se me mueve la capa si introduzco <p>

Hola Francisco, sabes que yo lo veo exactamente igual con y sin los <p>. Dinos en que browser lo estas probando y en que versión así podemos tener idea mas acabada de lo que te está pasando.

Saludos,
Pablo

Última edición por prava; 02/12/2009 a las 05:35
  #3 (permalink)  
Antiguo 01/12/2009, 09:23
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Respuesta: Se me mueve la capa si introduzco <p>

Puede ser que el tipo de fuente que utilizes ocupe algo de espacio en las <p></p>, asi como el estilo, negrita, italica, etc, te recomiendo definir el tamaño de la fuente y la linea de texto, asi como de colocar dentro de tu css un un margen cero un espacio cero para todos tus <p>.
Tambien puedes colocar una linea en tu codigo que te permita eliminar espacios molestos de los exploradores.
*{
margin:0; padding:0; border:0;
}
y lo pruebas.
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.
  #4 (permalink)  
Antiguo 01/12/2009, 12:01
 
Fecha de Ingreso: abril-2005
Mensajes: 42
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Se me mueve la capa si introduzco <p>

Muchas gracias hoy mismo lo pruebo y os dijo.
  #5 (permalink)  
Antiguo 01/12/2009, 12:27
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Se me mueve la capa si introduzco <p>

Acordate de poner en el css lo siguiente:
Código:
body {
        text-align: center;
}
.contenedor{
        text-align: left
	width:  900px;
	margin: auto;
}
Esto es porque IE no entiende lo del margen "auto" y te vuelca la pagina para la izquierda.

Saludls,
Pablo.
  #6 (permalink)  
Antiguo 01/12/2009, 15:59
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Se me mueve la capa si introduzco <p>

Hola:

No entiendo lo que quieres decir con "se mueve". Yo lo veo igual con <p> y sin <p>.

Saludos.

  #7 (permalink)  
Antiguo 02/12/2009, 01:05
 
Fecha de Ingreso: abril-2005
Mensajes: 42
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Se me mueve la capa si introduzco <p>

Es que no he definido bien las clases, por favor modificar la clase "imagen_pilares_cabeza" por:

Código:
.imagen_pilares_cabeza{
	background-color:green;
	position:adsolute;
	left:0px;
	top:0px;
	z-index:-1;
	width: 226px;
	height: 30px;
}
No os puedo adjuntar imagenes todavia. Pero no me pasa con IE, pero si con Mozilla 3.5.5 y con la ultima versión de Chrome.

Un saludo y espero haberme explicado mejor esta vez.
  #8 (permalink)  
Antiguo 02/12/2009, 03:34
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Se me mueve la capa si introduzco <p>

¿has reseteado la plantilla? Nos enseñas los estilos de la clase p, si no lo has definido, hazlo.

Saludos¡¡
  #9 (permalink)  
Antiguo 02/12/2009, 07:49
 
Fecha de Ingreso: abril-2005
Mensajes: 42
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Se me mueve la capa si introduzco <p>

Muchas gracias a todos ya he solucinado el problema he marcado a 0 los espaciones de los <p> y solucionada.

Muchas gracias a todos.
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 11:12.