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;
margin: auto;
background-image:url(../imagenes/esquinas/lado_alto.jpg);
background-repeat: repeat-x;
}
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }
div.bottom {
height:20px;
width:777px;
margin: auto;
background-image:url(../imagenes/esquinas/lado_bajo.jpg);
background-repeat: repeat-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 5% 0 5%;
background-image:url(../imagenes/esquinas/lado_der.jpg);
background-position:right;
background-repeat:repeat-y; }
div.stitulo {
font-weight: bold;
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; }
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>
