Cita:
Iniciado por jcc 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<DIV ID="contenedor" ALIGN="CENTER"> <DIV ID="cabecera" ALIGN="CENTER"><IMG SRC="jccanalda_doc/jccanalda_graficos/logo.jpg" BORDER="0" ALIGN="MIDDLE"
HEIGHT="auto" CLASS="foto" WIDTH="auto"> </DIV> ......
SRC="jccanalda_doc/jccanalda_graficos/fotomia.jpg" ALT="foto mía" WIDTH="auto"
HEIGHT="auto" CLASS="foto"><BR><BR>Fotograf
ía de Iv
án
Esp
ínola
</P><BR><BR>
Y pego la opción limpia:
Código HTML:
Ver original <img src="jccanalda_doc/jccanalda_graficos/logo.jpg">
......
<img src="jccanalda_doc/jccanalda_graficos/fotomia.jpg" alt="foto mía"> <p>Fotografía de Iván Espánola
</p>
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#contenedor {width: 100%;}
#cabecera, #cuerpo {width: 960px; margin: 0 auto;}
.piefoto {width: 150px;}
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í.