Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/11/2010, 12:48
kotedas
 
Fecha de Ingreso: junio-2010
Mensajes: 38
Antigüedad: 13 años, 10 meses
Puntos: 0
Problemas con Alineación

Hola de nuevo expertos.

Mi duda es facil de resolver, tengo en mi página un cuadro centrado en el centro de la página tal que asi:



<div align="center" class="style1" >

<p>

<img height="100%" src="images/cuadrohome.png" width="100%"/></p></div>



.style1 {
margin-top: 325px;
margin-left: auto;
}



Ahora yo quiero colocar un texto dentro de ese cuadro, y quiero que quede siempre en el centro, lo que me ocurre es que lo situo, pero cuando hago la ventana más pequeña el texto se descoloca por completo.



Creía que al haber incluido todo en una tabla, se centraría automaticamente, pero no entiendo porque no lo hace.

Mi tabla es esta:



<body bgcolor="#111a27" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="100%" height="100%" align="center" valign="middle">

MI web



</td>
</tr>
</table>

Espero que puedan ayudarme. He conseguido que el cuadro siempre permanezca en el centro de la página incluso hasta que adapte su tamaño al tamaño de la página, pero no consigo hacer lo mismo con el resto.