Foros del Web » Creando para Internet » CSS »

Espacio blanco superior en IE

Estas en el tema de Espacio blanco superior en IE en el foro de CSS en Foros del Web. Hola, Estoy realizando un diseño para WordPress que tiene una barrita en la parte superior de la página. Para implementarlo como 'tema' de WordPress, primero ...
  #1 (permalink)  
Antiguo 26/03/2008, 13:25
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
Desacuerdo Espacio blanco superior en IE

Hola,

Estoy realizando un diseño para WordPress que tiene una barrita en la parte superior de la página. Para implementarlo como 'tema' de WordPress, primero hice el diseño aparte, en un documento .htm simplemente y con una hoja de estilos anexada.

La barrita se veía perfectamente en todos los navegadores, pero ahora al pasarlo a theme de WordPress, en TODAS las versiones de Internet Explorer ha sucedido esto:



La imagen de la izquierda pertenece al theme de WordPress, y la de la derecha al documento .htm simple. El problema que tengo es que me aparece una parte blanca (la pinté yo de rojo para que se viera el error) entre la ventana del navegador y la barrita.

Código CSS:

Código:
body {
	background: white;
	color: #333333;
	padding: 0;
	margin: 0;
}

#topbar {
	display: block;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	height: 28px;
	background-image: url('images/nombredelfondo.png');
	background-repeat: repeat-x;
	margin: 0 0 3px 0;
	color: #333333;
	padding: 0;
	*margin: 0 0 0 0;
}
¿Por qué sale eso ahí? En el resto de navegadores funciona perfecto, estoy por comprar un billete para Redmond y empezar a repartir paquetes bomba entre los programadores del navegador innombrable .

Saludos y gracias!
  #2 (permalink)  
Antiguo 26/03/2008, 13:29
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: Espacio blanco superior en IE

Hola Cristiaen

Prueba poniéndolo así:

Código:
body, html {
	background: white;
	color: #333333;
	padding: 0;
	margin: 0;
}
Saludos,
  #3 (permalink)  
Antiguo 26/03/2008, 13:41
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: Espacio blanco superior en IE

Cita:
Iniciado por JavierB Ver Mensaje
Hola Cristiaen

Prueba poniéndolo así:

Código:
body, html {
	background: white;
	color: #333333;
	padding: 0;
	margin: 0;
}
Saludos,
Hola JavierB,

Muchas gracias por responder tan rápido. He probado tu idea pero parece que sigue sin funcionar, no deja de aparecer ese espacio en blanco

También he probado con "html>body" y nada...

¿Alguna otra idea?

Saludos!
  #4 (permalink)  
Antiguo 26/03/2008, 13:43
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Re: Espacio blanco superior en IE

¿tienes un enlace para que podamos ver la página completa?
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 26/03/2008, 13:46
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
Busqueda Re: Espacio blanco superior en IE

EDIT: quito la URL temporal.

Última edición por Cristiaen; 26/03/2008 a las 14:27
  #6 (permalink)  
Antiguo 26/03/2008, 13:46
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Re: Espacio blanco superior en IE

Probá poniendole 0px en lugar de 0

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #7 (permalink)  
Antiguo 26/03/2008, 13:49
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
Sonrisa Re: Espacio blanco superior en IE

Cita:
Iniciado por DragonX Ver Mensaje
Probá poniendole 0px en lugar de 0

Gracias por la sugerencia, lo probé con 'px' y 'em', pero nada

Qué pelea me va a dar la barrita :(

Lo dicho, muchas gracias!


Saludos
  #8 (permalink)  
Antiguo 26/03/2008, 13:54
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Re: Espacio blanco superior en IE

No me preguntes por que (yo tampoco entiendo a explore) pero el problema que tienes dos scripts fuera del head.

Código HTML:
<script type="text/javascript" src="Ll%E1malo%20X_files/prototype.js"></script>
<script type="text/javascript" src="Ll%E1malo%20X_files/share-this.js"></script> 
Ponlos en el head y se arregla lo del espacio. te recomiendo también que no uses espacios en nombres de archivos ni carpetas ya que explorer es un poco sensitivo con eso también.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #9 (permalink)  
Antiguo 26/03/2008, 14:06
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
Sonrisa Re: Espacio blanco superior en IE

Cita:
Iniciado por juaniquillo Ver Mensaje
No me preguntes por que (yo tampoco entiendo a explore) pero el problema que tienes dos scripts fuera del head.

Código HTML:
<script type="text/javascript" src="Ll%E1malo%20X_files/prototype.js"></script>
<script type="text/javascript" src="Ll%E1malo%20X_files/share-this.js"></script> 
Ponlos en el head y se arregla lo del espacio. te recomiendo también que no uses espacios en nombres de archivos ni carpetas ya que explorer es un poco sensitivo con eso también.
He estado mirando lo que me decías y a mi tanto con firefox como con IE me aparecen los scripts dentro del head sin yo tocar nada:

Código HTML:
<script type="text/javascript" src="http://corteggo.no-ip.org/llamalox/wp-includes/js/prototype.js"></script>
<script type="text/javascript" src="http://corteggo.no-ip.org/llamalox/wp-content/plugins/share-this/share-this.php?akst_action=js"></script>
<link rel="stylesheet" type="text/css" href="http://corteggo.no-ip.org/llamalox/wp-content/plugins/share-this/share-this.php?akst_action=css" />
</head> 
Aún así los quité y desactive el 'plugin' de WordPress para lo que sirve eso, y el espacio en blanco sigue apareciendo

Muchas gracias por las molestias de descargar la página a tu ordenador y comprobar donde estaba el error, se aprecia la ayuda que se recibe de gente totalmente desinteresada. Te mereces un aplauso

Saludos!
  #10 (permalink)  
Antiguo 26/03/2008, 14:22
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Re: Espacio blanco superior en IE

ya vi.. que raro. cuando bajo la pagina me aparecen los scripts afuera de head pero en la versión online están dentro...

no se que decirte...
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #11 (permalink)  
Antiguo 26/03/2008, 14:26
Avatar de Cristiaen  
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 16 años, 3 meses
Puntos: 0
De acuerdo Re: Espacio blanco superior en IE

Cita:
Iniciado por juaniquillo Ver Mensaje
ya vi.. que raro. cuando bajo la pagina me aparecen los scripts afuera de head pero en la versión online están dentro...

no se que decirte...
No pasa nada ya hiciste demasiado

Gracias a todos por vuestra colaboración y ya seguiré peleándome con el innombrable.

Saludos!
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 20:48.