Foros del Web » Creando para Internet » CSS »

Espacio en Div cuando no hay nada

Estas en el tema de Espacio en Div cuando no hay nada en el foro de CSS en Foros del Web. Hola, queria saber por que en IE cuando el DIV no posee nada de texto siempre queda un espacio como si hubiera algo ahi: en ...
  #1 (permalink)  
Antiguo 15/11/2006, 12:53
Avatar de omar_cb11  
Fecha de Ingreso: septiembre-2005
Mensajes: 178
Antigüedad: 12 años, 3 meses
Puntos: 0
Espacio en Div cuando no hay nada

Hola, queria saber por que en IE cuando el DIV no posee nada de texto siempre queda un espacio como si hubiera algo ahi:


en cambio en Firefox cuando el DIV no tiene nada no me le pone ningun espacio:


este es el codigo de la hoja de estilo:
Código PHP:
body {
    
background-color:#A7D7FD;
    
font-family:Arial;
    
font-size:12px;
}

div.top {
    
height:20px;
    
width:777px;
    
marginauto;
    
background-image:url(../imagenes/esquinas/lado_alto.jpg);
    
background-repeatrepeat-x;
}
    
img.esquina_sup_izq float:left; }
    
img.esquina_sup_der float:right; }

div.bottom {
    
height:20px;
    
width:777px;
    
marginauto
    
background-image:url(../imagenes/esquinas/lado_bajo.jpg); 
    
background-repeatrepeat-x; }
    
img.esquina_inf_izq float:left; }
    
img.esquina_inf_der float:right; }
    
div.content {
    
width:777px;
    
margin:auto;
    
background-image:url(../imagenes/esquinas/lado_izq.jpg);
    
background-repeat:repeat-y;
    
background-color:#057CF3; }
    
div.boxcontrol {
    
padding:0 50 5%;
    
background-image:url(../imagenes/esquinas/lado_der.jpg);
    
background-position:right;
    
background-repeat:repeat-y; }

div.stitulo {
    
font-weightbold;
    
text-align:left;
    
font-size:18px;
    
color:#FFFFFF; }
    
div.scabezera {
    
width:756px;
    
margin:auto; }
    
.
linksdespegable {
    
color:#FEA834;
    
font-weight:bold;
    
font-size:14px;
    
cursor:pointer; }
a:hover {
    
text-decoration:underline;
}

div.sresultado {
    
color:#FFFFFF;
    
text-align:justify; } 
y este el de la pagina con los DIVs:
Código PHP:
<!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=iso-8859-1" />
<
link rel="icon" type="image/x-icon" href="http://www.muna.hn/favicon.ico" />
<
title>Escuela de Ministerio MUNA</title>
<
link href="../recursos/estilos_css/apariencia.css" rel="stylesheet" type="text/css" />

<
script language="javascript">

    var 
text1
    
    
function mostrar1(){
    
text1='Es una visión divina que nos permite desarrollar eficázmente el llamado, los dones y los ministerios dados por el Señor, dentro de Su plan eterno.'
    
obj document.getElementById('resultado1');
    
obj.innerHTML = (obj.innerHTML==text1) ? '' text1;}
    
    function 
mostrar2(){
    
text1='Para todo creyente nacido de nuevo que desee ser establecido en el fundamento apostólico de la Palabra revelada por el Espíritu Santo mediante la unción profética.'
    
obj document.getElementById('resultado2');
    
obj.innerHTML = (obj.innerHTML==text1) ? '' text1;}

    function 
mostrar3(){
    
text1='Que los siervos de Dios puedan encontrar su destino en Él, alcanzando madurez para producir fruto deleitoso. Que los hombres (varones y mujeres) de Dios logren conquistar la tierra. Que la Iglesia como generación prrofética de restauración establezca el reino eterno de nuestro Señor Jesucristo doquiera que vaya.'
    
obj document.getElementById('resultado3');
    
obj.innerHTML = (obj.innerHTML==text1) ? '' text1;}

    function 
mostrar4(){
    
text1='La Dra. Emma de Sosa, fundadora y directora de la Asociación Internacional Ministerio Un Nuevo Amanecer, un organismo divino al servicio del Cuerpo de Cristo sin barreras denominacionales ni de fronteras geográficas. Veinte años sirviendo a Dios, dependiendo de Él totalmente y levantando Su Nombre al ser pioneros, abridores de brecha en diversas facetas ministeriales. Contando además con la impartición de diferentes unciones a través de vasos de honra, de reconocida trayectoria en santidad e integridad.'
    
obj document.getElementById('resultado4');
    
obj.innerHTML = (obj.innerHTML==text1) ? '' text1;}
    
</script>
</head>

<body>
<div id="cabezera" class="scabezera">
<img src="../recursos/imagenes/logos/muna.jpg" />
</div>

<div id="top" class="top">
<img src="../recursos/imagenes/esquinas/esquina_sup_izq.jpg" class="esquina_sup_izq" />
<img src="../recursos/imagenes/esquinas/esquina_sup_der.jpg" class="esquina_sup_der" />
</div>

    <div id="content" class="content">
    <div id="box_control" class="boxcontrol">
    
        <div id="titulo" class="stitulo">
        Escuela de Ministerios Un Nuevo Amanecer
        </div>
        <br />
        
        <div id="tit1">
        <a onclick="mostrar1()" class="linksdespegable">¿QUÉ ES?</a>
        </div>
        <div id="resultado1" class="sresultado">
        </div>
        <div id="tit2">
        <a onclick="mostrar2()" class="linksdespegable">¿PARA QUIÉN ES?</a>
        </div>
        <div id="resultado2" class="sresultado">
        </div>
        <div id="tit3">
        <a onclick="mostrar3()" class="linksdespegable">¿CUÁL ES EL OBJETIVO PRINCIPAL?</a>
        </div>
        <div id="resultado3" class="sresultado">
        </div>
        <div id="tit4">
        <a onclick="mostrar4()" class="linksdespegable">¿QUIÉN LO DIRIGE?</a>
        </div>
        <div id="resultado4" class="sresultado">
        </div>
        
    </div>
    </div>

<div id="bottom" class="bottom">
<img src="../recursos/imagenes/esquinas/esquina_inf_izq.jpg" class="esquina_inf_izq" />
<img src="../recursos/imagenes/esquinas/esquina_inf_der.jpg" class="esquina_inf_der" />
</div>
</body>
</html> 
__________________
A veces hay que darle un golpecito al Pc para que funcione.
  #2 (permalink)  
Antiguo 15/11/2006, 15:47
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Chekea bien, por que yo no veo ninguna diferencia, ese espacio no lo veo en IE.
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #3 (permalink)  
Antiguo 15/11/2006, 17:01
Avatar de omar_cb11  
Fecha de Ingreso: septiembre-2005
Mensajes: 178
Antigüedad: 12 años, 3 meses
Puntos: 0
mmmm pues fijate q al principio yo tampoco lo miraba de repente lo empezo a hacer, pero lo solucione poniendole color del mismo fondo al borde del DIV, gracias
__________________
A veces hay que darle un golpecito al Pc para que funcione.
  #4 (permalink)  
Antiguo 15/11/2006, 17:31
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Cita:
Iniciado por omar_cb11 Ver Mensaje
mmmm pues fijate q al principio yo tampoco lo miraba de repente lo empezo a hacer, pero lo solucione poniendole color del mismo fondo al borde del DIV, gracias
Me alegro que asi haya sido
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
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:57.