Foros del Web » Creando para Internet » CSS »

Capa que no se ajusta al contenido (en IE y FF)

Estas en el tema de Capa que no se ajusta al contenido (en IE y FF) en el foro de CSS en Foros del Web. Tengo un pequeño problemita en una web asi que hice unas pruebas con el siguiente código; Código HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...
  #1 (permalink)  
Antiguo 15/06/2009, 10:26
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 10 años, 7 meses
Puntos: 3
Capa que no se ajusta al contenido (en IE y FF)

Tengo un pequeño problemita en una web asi que hice unas pruebas con el siguiente código;

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<link rel="stylesheet" href="css/caja.css">
	</head>
	<body>
		<div class="caja">
		<image src="images/libros.jpg">
		</div>
	</body>
</html> 
Código:
.caja{
background-color:pink;
width:500px;
position:relative;
}
Pues bien la cosa es que en IE esto me saca la capa en color rosa un poco mas alta que el alto de la imagen. Ahora bien, si cierro la capa en la misma linea que esta la etiqueta de la imagen esto desaparece;

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<link rel="stylesheet" href="css/caja.css">
	</head>
	<body>
		<div class="caja">
		<image src="images/libros.jpg"></div> <!-- AQUI -->
	</body>
</html> 
El problema es que en el documento original textos y la cosa se complica como sigue; si voy a poner texto y pongo align="left" a la imagen en IE se ajusta a la imagen, ahora si pero en cambio en Firefox la capa de color rosa desaparece completamente. Asi que le pongo la linea de texto en parrafo de esta manera;

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<link rel="stylesheet" href="css/caja.css">
	</head>
	<body>
		<div class="caja">
		<image src="images/libros.jpg" align="left">
		<p>Hola Mundo</p>
		</div>
	</body>
</html> 
En esta forma en Firefox la capa rosa aparece pero se reduce al "Hola Mundo".
¿Como puedo evitar que me salga ese espacio adicional que me salia en IE y como hago para que la capa en Firefox se ajuste al tamaño de la foto y el texto? (sin darle un heigh fijo, claro)
  #2 (permalink)  
Antiguo 15/06/2009, 10:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Antes de seguir, la etiqueta de la imagen debe estar cerrada:
<image src="images/libros.jpg" />

Haz eso y mira si algo cambia.
  #3 (permalink)  
Antiguo 15/06/2009, 12:43
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 10 años, 7 meses
Puntos: 3
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Sigue igual cerrando la etiqueta.
  #4 (permalink)  
Antiguo 15/06/2009, 13:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Ok, ahora pasemos al problema (pero déjala cerrada, no obstante, que es como debe ser).

Prueba a añadir a .caja un overflow: auto;
  #5 (permalink)  
Antiguo 17/06/2009, 10:13
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 10 años, 7 meses
Puntos: 3
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Efectivamente con overflow:auto se arregla el problema en Firefox.
Sin embargo ¿es esto normal? ¿Que la capa necesite la propiedad overflow para adaptarse al tamaño del contenido?
  #6 (permalink)  
Antiguo 17/06/2009, 11:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Cita:
Iniciado por harvey Ver Mensaje
sin embargo ¿es esto normal? ¿que la capa necesite la propiedad overflow para adaptarse al tamaño del contenido?
sí.
  #7 (permalink)  
Antiguo 18/06/2009, 04:20
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 10 años, 7 meses
Puntos: 3
Respuesta: Capa que no se ajusta al contenido (en IE y FF)

Ok. Muchas gracias por tu ayuda.
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 17:19.