Hola: sucede que estoy haciendo la página y todo bien; pero cuando comencé a llenar de texto, el pié de página se descuadró y colorea el resto del Contenido. No se si se trata de los <div> o capas mal cerradas; he revisado varias veces y no encuentro el error. Subo el index y la hoja de estilos para que, por favor, me ayuden a descubrir qué tengo mal. Ah! de paso, reconozco que hay muchas cosas feas en cuanto a programación y CSS, pero para eso estamos aprendiendo, no?
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Alteridad</title>
</head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<body>
<div id="global">
<div id="Encabezado">
<span class="color-rojo">Inter</span><span class="color-negro">cediendo</span>
</div>
<div id="Navegación">
<ul>
Intercesión
Oración
Testimonios
Recomendados
Lista de oración
</div>
<div id="Lineadiv1"></div>
<div id="Información">
<div id="Logo"></div>
<div id="info2">
<span class="color-negro-texto">Esta es la sección del about... Irá creciendo en la medida que la rellenemos? o se mantendrá en los 100px?
Es probable que aquí tengamos un versículo apropiado!</span></p></div>
</div>
<div id="Lineadiv2"></div>
<div id="Contenido">
<div id="Menú">Menú
<ul>
Intercesión
Oración
Testimonios
Recomendados
Lista de oración
</div>
<span class="color-negro-texto">Busqué entre ellos hombre que hiciese vallado y que se pusiese en la brecha delante de mí, a favor de la tierra, para que yo no la destruyese; y no lo hallé. (Ezq. 22:30)</span>
Este texto de Ezequiel nos informa que Dios está buscando hombres y mujeres de carne y hueso, reales, inmersos en la cotidianidad, relacionados con otros y con otras, para ofrecer su vida, su tiempo, sus dones y talentos para INTERCEDER frente a Él por los problemas y necesidades de la mayoría.
Solo unos pocos, los que conocen a Jesucristo, quien nos enseñó a orar y reclamar las cosas "como son en el cielo", podemos colocarnos en la brecha delante del Señor, en favor de otros y otras, para que ellos tengan vida abundante.
Solo hay dos obstáculos: la pereza y el egoísmo. De Usted depende que sus oraciones sean contestadas de una forma sobrenatural:
mientras Usted ora por sus peticiones, otros muchos están intercediendo las 24 horas por Usted para que reciba de las manos del mismo Dios Todopoderoso cada cosa que necesita.
Usted pone el límite. Nosotros creemos en un Dios grande, todopoderoso, Señor del cielo y de la tierra, que escucha y responde:</p>
<span class="color-negro-texto">Ahora estarán abiertos mis ojos y atentos mis oídos a la oración en este lugar; (2 Cró. 7:15)</span></br>
Esto está en la Palabra de Dios y nosotros, simplemente, lo creemos. Pero escuche:</p>
<span class="color-negro-texto">Y todo lo que pidiereis al Padre en mi nombre, lo haré, para que el Padre sea glorificado en el Hijo. (Jn. 14:13)</span>
Es decir, TODO lo que un hijo o una hija del Dios Viviente pida al Padre en oración, en el nombre poderoso de Jesús, lo recibe; ¿cuánto más si es apoyado por otras personas que están clamando por esa bendición? Así que Usted puede ser parte del equipo de Intercesores e Intercesoras que Dios está buscando. Le mostraré cómo puede hacerlo:
1.- Escribanos un correo en el que describa su petición.
2.- Escriba una sola petición concisa, precisa, concreta y específica.
3.- Busque en esta web la lista de peticiones de Intercediendo e imprímala.
4.- En su devocional diario, preséntela delante del Señor Todopoderoso; no necesita detenerse en cada una de las peticiones, a menos que Dios le ponga una carga especial. Solo preséntela y pida a Dios que le conceda a cada persona de la lista lo que está pidiendo. Dedíquele a esta lista 15 minutos de su devocional.!
5.- Luego, por último, ore por su petición y confiese que tiene la respuesta.
6.- Cuando reciba la bendición concreta que está reclamando, escribanos un correo testificando la bendición recibida.</p>
</div>
<div id="pie">Pie</div>
</div>
</body>
</html>
CSS
* {margin:0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
body { background-image : url(objetos/caldas.gif);
}
body { text-align : center }
#Encabezado {background-color : none ;
height:85px}
#Navegación { background-image : none ;
border-bottom : solid 1px #8B795E ;
border-left : solid 1px #8B795E ;
height:35px }
#Navegación li {margin-top }
#Navegación ul { margin-top : 5px }
#lineadiv1 { background-color : none ;
height:3px }
#Información { background-color : none ;
height:100px }
#Logo { background-image : url(objetos/marble1.gif) ;
float : left ;
height:100px ;
width: 150px ;
}
#Info2 { background-image : url(objetos/marble1.gif) ;
float : right ;
height:100px ;
width: 645px ;
}
#lineadiv2 { background-color : none ;
height:3px
}
#lineadiv3 { background-color : pink ;
height:3px
}
#Contenido{ background-color : none ;
width: 800px ;
float:left ;
}
#Contenido p {
font-size : 12px ;
text-align : justify ;
text-indent: 15px ;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
padding: 5px 10px 5px 10px ;
}
#info2 p {
font-size : 12px ;
text-align : center ;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
margin-top : auto ;
padding: 5px 10px 5px 10px ;
}
#Menú { background-image : url(objetos/marble1.gif) ;
float : left ;
width : 150px ;
margin-right : 10px
}
#Menú ul {font-size : 1.0em ; list-style:none ; margin: 4px 0px 4px 6px ; text-align : left }
#pie { background-color : orange ;
height:20px ;
}
.color-rojo {
color:#940f04;
font-size:54px;
text-align: center;
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
}
.color-negro {
color:#000;
font-size:54px;
text-align: center;
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
}
.color-negro-texto {
color : #8B5A2B ;
font-size : 12px ;
text-align : justify ;
text-decoration : none ;
font-family : Trebuchet MS, Trebuchet, Helvetica, Arial;
margin-right : 10px ;
margin-left : 10px ;
padding: 5px 10px 5px 10px ;
}
#navegación li {float : left ; list-style:none ; margin: 0px 20px 0px 20px ; text-align: left }
#Menú ul {font-size : 1.0em ; list-style:none ; margin: 4px 0px 4px 6px ; text-align : left }
#contenido ul {}
a {color: #8B795E ; font-size:1.0em ; text-decoration: none}
a:link {color : #8B795E }
a:visited {}
a:hover {color : black }
a:active {color : #8B4C39 }
Gracias por su respuesta.
G55
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Alteridad</title>
</head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<body>
<div id="global">
<div id="Encabezado">
<span class="color-rojo">Inter</span><span class="color-negro">cediendo</span>
</div>
<div id="Navegación">
<ul>
</div>
<div id="Lineadiv1"></div>
<div id="Información">
<div id="Logo"></div>
<div id="info2">
<span class="color-negro-texto">Esta es la sección del about... Irá creciendo en la medida que la rellenemos? o se mantendrá en los 100px?
Es probable que aquí tengamos un versículo apropiado!</span></p></div>
</div>
<div id="Lineadiv2"></div>
<div id="Contenido">
<div id="Menú">Menú
<ul>
</div>
<span class="color-negro-texto">Busqué entre ellos hombre que hiciese vallado y que se pusiese en la brecha delante de mí, a favor de la tierra, para que yo no la destruyese; y no lo hallé. (Ezq. 22:30)</span>
Este texto de Ezequiel nos informa que Dios está buscando hombres y mujeres de carne y hueso, reales, inmersos en la cotidianidad, relacionados con otros y con otras, para ofrecer su vida, su tiempo, sus dones y talentos para INTERCEDER frente a Él por los problemas y necesidades de la mayoría.
Solo unos pocos, los que conocen a Jesucristo, quien nos enseñó a orar y reclamar las cosas "como son en el cielo", podemos colocarnos en la brecha delante del Señor, en favor de otros y otras, para que ellos tengan vida abundante.
Solo hay dos obstáculos: la pereza y el egoísmo. De Usted depende que sus oraciones sean contestadas de una forma sobrenatural:
mientras Usted ora por sus peticiones, otros muchos están intercediendo las 24 horas por Usted para que reciba de las manos del mismo Dios Todopoderoso cada cosa que necesita.
Usted pone el límite. Nosotros creemos en un Dios grande, todopoderoso, Señor del cielo y de la tierra, que escucha y responde:</p>
<span class="color-negro-texto">Ahora estarán abiertos mis ojos y atentos mis oídos a la oración en este lugar; (2 Cró. 7:15)</span></br>
Esto está en la Palabra de Dios y nosotros, simplemente, lo creemos. Pero escuche:</p>
<span class="color-negro-texto">Y todo lo que pidiereis al Padre en mi nombre, lo haré, para que el Padre sea glorificado en el Hijo. (Jn. 14:13)</span>
Es decir, TODO lo que un hijo o una hija del Dios Viviente pida al Padre en oración, en el nombre poderoso de Jesús, lo recibe; ¿cuánto más si es apoyado por otras personas que están clamando por esa bendición? Así que Usted puede ser parte del equipo de Intercesores e Intercesoras que Dios está buscando. Le mostraré cómo puede hacerlo:
1.- Escribanos un correo en el que describa su petición.
2.- Escriba una sola petición concisa, precisa, concreta y específica.
3.- Busque en esta web la lista de peticiones de Intercediendo e imprímala.
4.- En su devocional diario, preséntela delante del Señor Todopoderoso; no necesita detenerse en cada una de las peticiones, a menos que Dios le ponga una carga especial. Solo preséntela y pida a Dios que le conceda a cada persona de la lista lo que está pidiendo. Dedíquele a esta lista 15 minutos de su devocional.!
5.- Luego, por último, ore por su petición y confiese que tiene la respuesta.
6.- Cuando reciba la bendición concreta que está reclamando, escribanos un correo testificando la bendición recibida.</p>
</div>
<div id="pie">Pie</div>
</div>
</body>
</html>
CSS
* {margin:0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
body { background-image : url(objetos/caldas.gif);
}
body { text-align : center }
#Encabezado {background-color : none ;
height:85px}
#Navegación { background-image : none ;
border-bottom : solid 1px #8B795E ;
border-left : solid 1px #8B795E ;
height:35px }
#Navegación li {margin-top }
#Navegación ul { margin-top : 5px }
#lineadiv1 { background-color : none ;
height:3px }
#Información { background-color : none ;
height:100px }
#Logo { background-image : url(objetos/marble1.gif) ;
float : left ;
height:100px ;
width: 150px ;
}
#Info2 { background-image : url(objetos/marble1.gif) ;
float : right ;
height:100px ;
width: 645px ;
}
#lineadiv2 { background-color : none ;
height:3px
}
#lineadiv3 { background-color : pink ;
height:3px
}
#Contenido{ background-color : none ;
width: 800px ;
float:left ;
}
#Contenido p {
font-size : 12px ;
text-align : justify ;
text-indent: 15px ;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
padding: 5px 10px 5px 10px ;
}
#info2 p {
font-size : 12px ;
text-align : center ;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
margin-top : auto ;
padding: 5px 10px 5px 10px ;
}
#Menú { background-image : url(objetos/marble1.gif) ;
float : left ;
width : 150px ;
margin-right : 10px
}
#Menú ul {font-size : 1.0em ; list-style:none ; margin: 4px 0px 4px 6px ; text-align : left }
#pie { background-color : orange ;
height:20px ;
}
.color-rojo {
color:#940f04;
font-size:54px;
text-align: center;
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
}
.color-negro {
color:#000;
font-size:54px;
text-align: center;
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Helvetica, Arial;
}
.color-negro-texto {
color : #8B5A2B ;
font-size : 12px ;
text-align : justify ;
text-decoration : none ;
font-family : Trebuchet MS, Trebuchet, Helvetica, Arial;
margin-right : 10px ;
margin-left : 10px ;
padding: 5px 10px 5px 10px ;
}
#navegación li {float : left ; list-style:none ; margin: 0px 20px 0px 20px ; text-align: left }
#Menú ul {font-size : 1.0em ; list-style:none ; margin: 4px 0px 4px 6px ; text-align : left }
#contenido ul {}
a {color: #8B795E ; font-size:1.0em ; text-decoration: none}
a:link {color : #8B795E }
a:visited {}
a:hover {color : black }
a:active {color : #8B4C39 }
Gracias por su respuesta.
G55