:(
No me sale.
Si no escribo en el centro, el pie de pagina sube para arriba y se me desplaza hacia la derecha.
El problema es que he escrito texto para que quede bien, pero ahi no va ir texto y si otras capas para noticias con fotos y esas cosas y luego mas adelante otro menu pero a la derecha con fotos y noticias mas permanentes y si no escribo nada el pie se mueve.
Hice lo de width: auto, pero no salio bien, ¿eso no es para el ancho en vez de para el largo? Perdon por preguntas tan de novatos.
Como consigo que si sigo escribiendo en el menu laterla izquierdo y ese sí que segun escribo baja para abajo, la otra capa haga lo mismo?.
Gracias de nuevo.
Pego mis codigos
Plantilla
CSS
No me sale.
Si no escribo en el centro, el pie de pagina sube para arriba y se me desplaza hacia la derecha.
El problema es que he escrito texto para que quede bien, pero ahi no va ir texto y si otras capas para noticias con fotos y esas cosas y luego mas adelante otro menu pero a la derecha con fotos y noticias mas permanentes y si no escribo nada el pie se mueve.
Hice lo de width: auto, pero no salio bien, ¿eso no es para el ancho en vez de para el largo? Perdon por preguntas tan de novatos.
Como consigo que si sigo escribiendo en el menu laterla izquierdo y ese sí que segun escribo baja para abajo, la otra capa haga lo mismo?.
Gracias de nuevo.
Pego mis codigos
Plantilla
<!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" />
<title>Unidad Pastoral Santa Maria de Olarizu</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[img]IMAGENES/logotipoprueba.jpg[/img]</div>
<div id="publicidad"><h1>WEB SANTA MARIA DE OLARIZU</h1></div>
</div>
<div id="navegacion">
<ul>
[*][url="#"]Que somos[/url]
[*][url="#"]Donde estamos[/url]
[*][url="#"]Contactos[/url]
[*][url="#"]Documentos de interes[/url]
[*][url="#"]Foro[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<ul><h1>EDUCACION EN LA FE</h1>
[*] [url="#"]Catequesis Familiar[/url][*] [url="#"]Pastoral con Jovenes[/url][*] [url="#"]Pastoral con Adultos[/url]
[*] [url="#"]Pastoral Familiar[/url] <h2>CELEBRACION DE LA FE Y LITURGIA </h2> [*] [url="#"]Comision de Liturgia[/url] [*] [url="#"]Experiencia de oracion grupal[/url] <h2>SOCIO CARITATIVA </h2> [*] [url="#"]Caritas[/url] [*] [url="#"]Comision Social[/url] [*] [url="#"]Comision de Mayores y Enfermos[/url] [*] [url="#"]Misiones y Solidaridad[/url] [*] [url="#"]Pastoral Penitenciaria[/url]
[/list]
</div>
<h1>ZONA PRINCIPAL DE LA WEB</h1>
El consejo pastoral te saluda y te informa. Finalizabamos el curso pasado, meses de Mayo y Junio, revisando nuestra Unidad Pastoral "Santa Maria de Olarizu". Pensabamos que la experiencia de nuestro caminar conjunto era suficiente para hacer una evaluacion, y recoger los retos que dicha practica pastoral nos plantea.</p>
Uno de los vacios detectados hacia referencia a la escasa informacion y comunicacion existente entre las propias comunidades (parroquiales), entre las diversas comisiones y entre los consejeros (personas representantes en el Consejo Pastoral) y sus respectivos grupos.</p>
Con el inteno de salir al paso y dar respueta a este vacio, afrontamos este reto que consideramos muy importante: el de la informacion.</p>
La pagina web que estas visualizando quiere ser un primer paso para corregir fallos y enderezar nuestra marcha como "Unidad Pastoral Santa Maria de Olarizu". Lo que en ella aparece no solo es valido para estar informados "hacia dentro" (los que formamos parte de algunos grupos) sino tambien despertar la inquietud en personas que estuvieran interesadas en participar en cualquiera de las diversas actividades pastorales existentes.</p>
Desde la realidad de lo que hay y con la mirada de la "utopia" puesta en todo lo que podriamos ser y realiaar como cristianos, que juntos avanzamos en comunidad de iglesia a favor de un mundo mejor y mas Reino de Dios, te decimos que estas invitado a seguir trabajando uniendo esfuerzos.</p>
Con la mano estendida</p>
<center>El Consejo Pastoral</center></p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
[/list]
</div>
<div id="piedos">Copyright © 2008 </div>
<div id="pietres">
<ul>
[*][url="#"]Directorio[/url][*][url="#"]Top Site[/url][*][url="#"]Mapa Web[/url]
[/list]
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>CSS
* {margin:0px ; margin:0px; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width: 800px ; margin: 4px auto }
#curva-superior { background-image: url(IMAGENES/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 90px}
#contenido {width:auto; background-color: white; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white; width: 150px ; float:left; text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(IMAGENES/menu-parte-inferior-1.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(IMAGENES/menu-curva-superior-1.gif) ; padding-top:12px ; color:black}
#menu h2 {text-decoration:none ; font-size:12px ; padding-top:12px ; color:black }
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior { background-image: url(IMAGENES/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden}
a {color: brown; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver}
a:active
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:none ; background-color: white }
#pie a:active {color:black}
#navegacion a {color:white; text-decoration:none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:black; text-decoration:none ; background-color: white }
#navegacion a:active {color:black}