Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/07/2010, 01:01
Avatar de seoista
seoista
 
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 2 meses
Puntos: 59
Respuesta: Diferente en I.E. y F.F.

Cita:
Iniciado por caricatos Ver Mensaje
Hola Alberto, espero que estés bien:

Recuerdo que cuendo me puse a desarrollar una librería gráfica basada en capas, las capas vacías (completamente, en explorer quedaban como lineas verticales cuando el tamaño que había definido era de 1px x 1px, y es que al menos pone ese espacio de la altura de una letra (aunque no exista, y lo arregle con overflow: hidden;

Aunque en mi explorer 8 se ve bien... tal vez solo se trate de que le pongas un doctype

Saludos
Hola Pepe, me alegro de contactar contigo. Por aquí vamos bien, espero que vosotros también.

Tengo puesto el doctype transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">


No me ha funcionado poniendo el overflow: hidden;. ¡Tampoco estoy seguro de haberlo puesto en el sitio correspondiente!.

Abrazos.



Cita:
Iniciado por deirdre Ver Mensaje
Hola seoista

Otra forma de hacer lo mismo y que se ve igual en todos los navegadores:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aviso</title>
<style type="text/css">
* {margin: 0; padding: 0;}

body {
	margin-top: 195px;
	background: url(alsapa01.jpg) repeat fixed left top;
}

.caja {
	text-align: left;
	font-family: tahoma, arial, verdana; 
	font-size: 20px;
	color: #cc0101;
	width: 500px;
	font-style: oblique;
	font-weight: normal;
	background-color: #f5f5f5;
	border: 15px double #cc0101;
	padding: 20px;
}

.leyenda {
	position: relative;
	top: -40px; /* aqui el tamaño de la altura de tu gif */
	display: block;
	width: 500px;
	margin-left: 50px;
}

.izquierda {/* no es necesaria */}
</style>
</head>

<body>

<!-- probado en ie6 - 7 -8, ff 3.6 , opera 10, safari 5 y Chrome 5-->
<div class="caja"> 
	<div><img src="ico_alerta.gif" alt="alerta" title="Alerta" /></div>
		<span class="leyenda">Lamento informarles que, debido a mantenimiento, esta página estará fuera de servicio.<br /><br />
		Por favor, inténtelo más tarde.<br /><br />Muchas gracias.</span> 
	</div>
</body>

</html> 
Bye
Muchas gracias deirdre. ¡Me ha funcionado tanto en ie8 como en ff3.6.6!

Saludos

NOTA: En mi primer mensaje se me olvido comentar que en local con ie8, funciona bien. ¡¡¡No así en la web!!!.

Última edición por seoista; 03/07/2010 a las 01:19