No me centra la pagina

nahuelga · #1 (**permalink**) 04/06/2010, 12:43

Hola tengo un problema y no me doy cuenta cual es el error... quiero centrar mi pagina para q quede en el medio de la ventana para los monitores con mas resolucion pero no consigo hacerlo. No se porq el div q creo para centrarla no me abarca toda la pagina..
Les dejo el codigo a lo mejor se dan cuenta
<body>
<table width="100%" border="0">
<tr>
<td><div align="center">
<div id="cabeza"><img src="Img/top.jpg" width="890" height="110" /></div>
<div id="cuerpo">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="900" bordercolor="0" bgcolor="#000066"> </td>
</tr>
</table>
<div id="columna1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000066" class="menu">Home</td>
</tr>
<tr>
<td height="8"> </td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Perfil de Estudio</td>
</tr>
<tr>
<td height="8"> </td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Area de Práctica</td>
</tr>
<tr>
<td height="8"> </td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Abogados</td>
</tr>
<tr>
<td height="8"> </td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Material Jurídico</td>
</tr>
<tr>
<td height="8"> </td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Contactos</td>
</tr>
</table>
</div>
<div id="columna2">Content for id "columna2" Goes Here</div>
</div></div></td>
</tr>
</table>
</body>

LAS DOS DIV (COLUMNA1 Y COMLUMNA 2) ESTAN CON FLOAT LEFT, lo aclaro porq a lo mejor tiene algo q ver

gVenom · #2 (**permalink**) 04/06/2010, 12:56

si lo que deseas es que salga todo en el centro, encierra todo el contenido en un solo div y centralo.

Al ponerle arriba un ancho de 100% no te va a centrar la página. Mejor define un ancho y has algo asi:

Código HTML:

<style type="text/css">
table.pagina {margin: 0 auto;}
</style>

<table width="500" border="1" class="pagina">

nahuelga · #3 (**permalink**) 04/06/2010, 13:03

buenisimo me sirvió! gracias! pero no entiendo lo q hiciste me lo podes explicar?

totolia · #4 (**permalink**) 04/06/2010, 13:06

Modificar el ancho para que se creen banners laterales vacios. Tambien puedes usar un align="center"

gVenom · #5 (**permalink**) 04/06/2010, 13:07

Me alegra que te sirviera

Código HTML:

<style type="text/css">
table.pagina {margin: 0 auto;}
</style>

se crea una clase para la tabla mediante css, que es la que la va a centrar

Código HTML:

<table width="500" border="1" class="pagina">

Le especificamos un ancho a la tabla y le asignamos la "clase" que creamos arriba.

El margin 0 auto es el que se encarga de poner al centro la tabla.

saludos,