Foros del Web » Creando para Internet » CSS »

centrar tabla en pagina a dos columnas

Estas en el tema de centrar tabla en pagina a dos columnas en el foro de CSS en Foros del Web. Buenas gente- A ver, tengo una pagina maquetada a dos columnas #cuerpo{ text-align:left; font-size:1.3em; padding:20px 10px; border:1px solid #ccc; float:left; margin:30px auto 0; width:90%; } ...
  #1 (permalink)  
Antiguo 02/03/2007, 07:03
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
centrar tabla en pagina a dos columnas

Buenas gente-

A ver, tengo una pagina maquetada a dos columnas

#cuerpo{
text-align:left;
font-size:1.3em;
padding:20px 10px;
border:1px solid #ccc;
float:left;
margin:30px auto 0;
width:90%;
}

#columna{
float:right;
width:200px;
}

#contenido{
float:left;
}

Necesito que la pagina se ajuste a la pantalla, por eso la anchura de 90% de la capa que contiene todo, y que la columna sean 200px. Todo correcto.

Mi problema viene en que necesito mostrar una tabla en la capa de contenido, necesito que aparezca centrada. Si le pongo margin: 0 auto me lo centra con respecto a toda la pagina, no con respecto al contenido....

No se si me he explicado bien, a ver si alguien me puede echar un cable.
  #2 (permalink)  
Antiguo 02/03/2007, 17:38
Avatar de Nefertiter  
Fecha de Ingreso: enero-2003
Ubicación: Rosario
Mensajes: 1.316
Antigüedad: 14 años, 11 meses
Puntos: 8
Re: centrar tabla en pagina a dos columnas

ponle un ancho a Contenido, y prueba ademas text-align : center
  #3 (permalink)  
Antiguo 03/03/2007, 05:31
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
Re: centrar tabla en pagina a dos columnas

ese es el problema... que ancho le pongo al contenido?
Es decir, quiero una columna de 200px y el resto el contenido....
ya probe con lo de text-alig center y no me sirvio

Un saludo y gracias
  #4 (permalink)  
Antiguo 03/03/2007, 10:23
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: centrar tabla en pagina a dos columnas

Ese problema, como ya sabrás, se te produce porque la caja de la izquierda no tiene tamaño definido, pero con este código creo que lo podrás solucionar:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<head>
  <title>Tabla en caja</title>
  <style>
#cuerpo { border: 1px solid rgb(204, 204, 204);
margin: 30px auto 0pt;
padding: 20px 10px;
text-align: left;
font-size: 1.3em;
float: left;
width: 90%;
}
#columna { border-style: solid;
width: 200px;
float: right;
display: block;
position: relative;
}
#contenido { border-style: solid;
border-color: rgb(255, 102, 0);
position: relative;
margin-right: 220px;
display: block;
top: 0px;
}
  </style>
</head>
<body>
<div id="cuerpo">
<div id="columna">Columna derecha</div>
<div id="contenido">
<table style="margin: 0px auto;" align="center"
 border="1" cellpadding="2" cellspacing="2"
 width="80%">
  <tbody>
    <tr>
      <td> Celda 1</td>
      <td> Celda 2</td>
    </tr>
    <tr>
      <td> Celda3</td>
      <td> Celda 4</td>
    </tr>
  </tbody>
</table>
</div>
</div>
</body>
</html>
Ya contarás.

Mikel.
  #5 (permalink)  
Antiguo 03/03/2007, 11:25
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
Re: centrar tabla en pagina a dos columnas

vaya tonteria, no se me habia ocurrido ponerle margin o padding a la columna de contenido!
el lunes lo probare y te cuento, pero me da que si que funcionara.

Gracias
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 05:06.