Etiqueta a la derecha de una tabla

narkor · #1 (**permalink**) 27/05/2007, 16:13

Me gustaría saber si se puede crear un div que vaya pegado a una tabla (800 px de ancho y centrada) q es el cuerpo de la página, de modo que se vea siempre a la derecha o a la izquierda de dicho cuerpo.

Sería para poder crear otra columna al lateral del cuerpo. Es posible? Si no, también me valdría otra tabla, pero que la primera siempre esté centrada.

<body> <table width="800" align="center" cellpadding="0" cellspacing="0">
<tr><th scope="col"> ............. </table> </body>

Gracias

narkor · #2 (**permalink**) 06/06/2007, 03:46

Ciao

He intentado ponerlo al final de la tabla, pero por más q lo intento, me descuadra toda la tabla y la descentra.

Algún empujón...?

programeitor · #3 (**permalink**) 07/06/2007, 05:52

Hola, no se entiende muy bien lo de que la tabla quede centrada, ¿quieres decir ponerle un div a un lado a una tabla previamente centrada, o que la tabla y el div formen una unidad centrada?

se me ocurre meter la tabla y el div lateral dentro de otro div que haga de contenedor, habra que dar algunas instruciones CSS.

narkor · #4 (**permalink**) 10/06/2007, 02:56

Me refiero a la opción de; "ponerle un div a un lado a una tabla previamente centrada"

Si la página se hace más pequeña, lo importante es que se vea la tabla contenedora principal (del cuerpo de la web que está centrada), y si el div lateral q creamos no se ve, no me importa.

Disculpa si no me expliqué mejor...

Gracias

programeitor · #5 (**permalink**) 10/06/2007, 06:15

dale position relative al div, y right 0

narkor · #6 (**permalink**) 10/06/2007, 08:45

Disculpa, pero no me funciona. Hay algo q no comprendo, y es como conseguir q se vaya a la derecha de la otra tabla. Siempre se queda debajo. Te pongo el código para ver si encuentras el fallo.

Al div le dí:
.div01 {
position: relative;
right: 0px;
height: auto;
width: 50px;
top: 0px;
}

</table>
<div class="div01">
<p>Texto...</p>
<p> </p>
</div>

Gracias

programeitor · #7 (**permalink**) 10/06/2007, 15:04

¿probaste position absolute?

narkor · #8 (**permalink**) 10/06/2007, 17:34

Bueno, con { position:absolute; right: 0px; top: 0px;} he conseguido que se ajuste a la derecha total de la pantalla, y me serviría si no se superponiese al cuerpo, aunq mejor q nada... No se si se puede evitar q se superpongan, o conseguir q se ajuste a la derecha de la tabla (pegado a la tabla).

Al final lo intenté también cambiando las tablas a Div, y aunq parece q va bien, hay una cosa q no consigo ni encuentro en ningún sitio.
Centrar el Div del cuerpo de la página horizontalmente.

Al igual q en las tablas teníamos: <table width="800" align="center"...>
No debería haber una cosa igual para los divs?

Solo consigo poner esto en el DIV pero aparece siempre a la izquierda { position:absolute; width: 800px; vertical-align:middle;}

Gracias por la respuesta..

Yaraher · #9 (**permalink**) 10/06/2007, 18:25

Para centrar un div horizontalmente, puedes utilizar esto:

div {
width:600px; (o lo que prefieras, si gustas, en %)
margin: 0 auto;
}

Reemplaza div por un identificador, o clase si lo deseas. ¡Suerte!

narkor · #10 (**permalink**) 11/06/2007, 02:05

Gracias Yaraher, ya he conseguido que funcione y se porqué. Apuntad los que teníais la misma duda:

El div como muy bien has dicho:
div { width:600px; margin: 0 auto;}

Pero lo más importante, tenemos que poner en el body:
body {text-align:center;}

Así deberá estar centrado.

Pasando al otro punto.
Con { position:absolute; right: 0px; top: 0px;} he conseguido que se ajuste a la derecha total de la pantalla, pero se superponen al restaurar la pantalla. Se puede evitar q se superpongan?

O lo que era la duda inicial:
Se puede conseguir q se ajuste el div a la derecha del cuerpo de la web (que ahora es un div) y que esté pegado a este?

Nos vamos acercando...