Tema: Footer fijo
Ver Mensaje Individual
  #38 (permalink)  
Antiguo 27/06/2013, 07:39
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 9 meses
Puntos: 1826
Respuesta: "Footer fijo"

Cita:
Iniciado por jcc Ver Mensaje
Me dices que en vez de definir el ancho de los contenedores (990 es para mí el equivalente al 100%), que lo defina en un segundo div interno.
De hecho los divs externo e interno ya los tienes. Pego el código de tu página resumido.


Código HTML:
Ver original
  1. <DIV ID="contenedor" ALIGN="CENTER">
  2.         <DIV ID="cabecera" ALIGN="CENTER"><IMG
  3.          SRC="jccanalda_doc/jccanalda_graficos/logo.jpg" BORDER="0" ALIGN="MIDDLE"
  4.          HEIGHT="auto" CLASS="foto" WIDTH="auto"> </DIV>
  5.         <DIV ID="menu-2">
  6.           ......
  7. <DIV ID="cuerpo" ALIGN="JUSTIFY"> <BR><BR><BR><BR><BR><BR>
  8.           <P CLASS="piefoto"><IMG
  9.             SRC="jccanalda_doc/jccanalda_graficos/fotomia.jpg" ALT="foto mía" WIDTH="auto"
  10.             HEIGHT="auto" CLASS="foto"><BR><BR>Fotograf&iacute;a de Iv&aacute;n
  11.              Esp&iacute;nola</P><BR><BR>


Y pego la opción limpia:

Código HTML:
Ver original
  1. <div id="contenedor">
  2.     <div id="cabecera">
  3.         <img src="jccanalda_doc/jccanalda_graficos/logo.jpg">
  4.     </div>
  5.  
  6.     <div ID="menu-2">
  7.           ......
  8. <div id="cuerpo">
  9.     <div class="piefoto">
  10.         <img src="jccanalda_doc/jccanalda_graficos/fotomia.jpg" alt="foto mía">
  11.         <p>Fotografía de Iván Espánola</p>
  12.     </div>


Me voy en cámara lenta.
1) Nota que el código limpio es muy fácilmente leible.
2) Toda etiqueta debería estar en minúsculas. No lo hagas a mano, a ver si me acuerdo cómo cambiarlo solito.
3) Todos esos br sobran, esos align.

Código CSS:
Ver original
  1. #contenedor {width: 100%;}
  2. #cabecera, #cuerpo {width: 960px; margin: 0 auto;}
  3.  
  4. .piefoto {width: 150px;}
  5.  
  6. p {text-align: justify;}

Los estilos:
Tu contenedor, sobra decirle que debe estar al 100%, solo es para reiterar.
El cuerpo y la cabecera ya toman un ancho y solitos se centran (margin auto)

El justify es para los párrafos de texto, no para los contenedores que pueden tener digamos fotos... ¿cómo es el justify de varias fotos?

El que sí modifique es el div piefoto. así tiene más lógica. Tienes un conenedor que te agrupa una foto y un párrafo de texto, que es su pié de foto.

y supongo que sobran todos los img class foto en tu caso, ya que supongo todas las fotos que pongas son... fotos.

En dado caso defines un div.piedefotoDerecha {float: right;} por ejemplo para mandarla a la derecha y cosas así.