Espacio en Blanco en DIV, en IE

McBlink · #1 (**permalink**) 18/04/2009, 10:41

Buenas tardes..
tengo un problema que me tiene cansado hace tiempo y nose como solucionarlo.. busque por todos lados e hice de todo pero no logro dar con la tecla..

mi problema es al visualizar un div en IE y en FF. Lo que sucede es que es IE se ve un espacio blanco de unos 20px..

dejo una imagen para que se den cuenta que sucede..

el div contiene 4 partes..

#box
#box_titulo
#box_contenido
#box_fondo

alguna solución para esto? :@

Muchas Gracias de Antemano! :)

juaniquillo · #2 (**permalink**) 18/04/2009, 11:30

McBlink, parece mentira que no has dejado el código para poder verificarlo...

¿has 'reseteado' los márgenes y los paddings que traen los navegadores por defecto? Yo siempre uso el:

Código css:

Ver original*{margin: 0; padding:0}

Para quitar todos los paddings y margins a los elementos. De esta manera te encargas tu de ponérselos a todos, pero esto es un problema cuando tienes un diseño ya hecho y que se afectan todos los paddings y magins.

Yo te recomiendo que se los quites a los elementos dentro del 'form' y después juegues con el atributo 'line-height'.

McBlink · #3 (**permalink**) 18/04/2009, 14:04

juaniquillo :) gracias por responder, ahora dejo el codigo, no me di cuenta ¬¬

como dije antes, tiene 4 partes toda la "caja de contenido"

Código:

.box{width:175px; padding-left:15px; clear:both; display:block; }
.box_titulo{ height:24px; background-image:url('bgmenu.gif'); background-repeat:no-repeat; } 
.box_titulo{ font-family:Verdana; font-size:13px; color:#FFFFFF; font-weight:bold;  line-height:22px; } 
.box_contenido{ height:px; background-image:url('bgcontenido.gif'); background-repeat:repeat-y; float:left; }
.box_contenido{ color:#000000; font-family:Tahoma; font-size:13px; padding-left:5px; clear:both; display:block; }
.box_fondo{ height:10px; background-image:url('bgfondo.gif'); background-repeat:no-repeat; position:relative; clear:both; display:block; }

verás que hay por todos lados las propiedades:

Código:

clear:both

y

Código:

display:block;

que las puse en la mayoria de los casos en mi desesperacion para acomodarlo ¬¬

Saludos y Muchas Gracias!

juaniquillo · #4 (**permalink**) 18/04/2009, 15:29

¿Y el HTML?

Se necesita saber el html ya que no sabemos si usas labels, spans, y etc.

McBlink · #5 (**permalink**) 18/04/2009, 15:55

no, nada es especial, solo esto..:

Código:

<body>
<div class="box">
<div class="boxmenu" align="center">Conectar</div>
<div class="boxcontent">
<? include("./login.php"); ?>
</div>
<div class="boxfoot"></div>
</div>
</body

Gracias

juaniquillo · #6 (**permalink**) 19/04/2009, 14:56

pues no puedo ver el html de login.php...

Tienes que poner el html que genera el navegador, sin archivos php.

Aunque no sea nada especial se necesita saber que html específico usas.