Foros del Web » Creando para Internet » Diseño web »

No me centra la pagina

Estas en el tema de No me centra la pagina en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/06/2010, 13:43
 
Fecha de Ingreso: junio-2010
Mensajes: 14
Antigüedad: 7 años, 6 meses
Puntos: 0
No me centra la pagina

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">&nbsp;</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">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Perfil de Estudio</td>
</tr>
<tr>
<td height="8">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Area de Práctica</td>
</tr>
<tr>
<td height="8">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Abogados</td>
</tr>
<tr>
<td height="8">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#000066" class="menu">Material Jurídico</td>
</tr>
<tr>
<td height="8">&nbsp;</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
  #2 (permalink)  
Antiguo 04/06/2010, 13:56
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: No me centra la pagina

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"> 
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 04/06/2010, 14:03
 
Fecha de Ingreso: junio-2010
Mensajes: 14
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: No me centra la pagina

buenisimo me sirvió! gracias! pero no entiendo lo q hiciste me lo podes explicar?
  #4 (permalink)  
Antiguo 04/06/2010, 14:06
 
Fecha de Ingreso: mayo-2008
Mensajes: 315
Antigüedad: 9 años, 7 meses
Puntos: 7
Respuesta: No me centra la pagina

Modificar el ancho para que se creen banners laterales vacios. Tambien puedes usar un align="center"
  #5 (permalink)  
Antiguo 04/06/2010, 14:07
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: No me centra la pagina

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,
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:36.