Sitio Web centrado

PabliNet · #1 (**permalink**) 25/05/2008, 22:47

Quiero que la página mida un ancho fijo y quede centrada. Con CSS me queda a la izquierda o a la derecha, pero no centrada y con tabla no la quiero hacer porque queda pesada.

otto1303 · #2 (**permalink**) 25/05/2008, 23:15

Pues mete la tabla en un
<div align="center">Aqui va la Tabla</div>

PabliNet · #3 (**permalink**) 26/05/2008, 01:05

Dije que no lo quería hacer con tablas. Creo que ya sé cómo lo voy a hacer...
Quizás haga una capa así:
left: 50% y margin-left: -x/2
x = ancho de la página

Gracias igual.

aloqui · #4 (**permalink**) 26/05/2008, 01:19

No es muy elegante pero suele funcionar:
<body>
<center>
... aqui todo lo que quieras
</center>
</body>

Mikmoro · #5 (**permalink**) 26/05/2008, 02:03

Pon un contenedor general al principio de todo, y en la css ponle esto:

#contenedor {margin: 0px auto;}

Mikel.

PabliNet · #6 (**permalink**) 26/05/2008, 18:28

Cita:

Iniciado por Mikmoro

Pon un contenedor general al principio de todo, y en la css ponle esto:

#contenedor {margin: 0px auto;}

Mikel.

¿Qué es un contenedor?

Mikmoro · #7 (**permalink**) 27/05/2008, 00:35

Pues un contenedor es algo que contiene cosas

Si no quieres hacerlo con tablas, como decías, ¿con qué lo vas a hacer? pues imagino que con divisores (divs). Lo que te digo es que pongas un div que contenga a todos los demás, y centrando éste te aparecerá la pagina centrada.

Mikel.

PabliNet · #8 (**permalink**) 28/05/2008, 13:49

Es justamiente lo que quiero hacer y algo me sale mal.
Si al estilo del body le pongo body {text-align:center;}, en el Internet Explorer me funciona, pero no en el Firefox.

Si centro al div con div.capa{position:absolute;width:600;margin-left:-300;}, me funciona bien con Internet Explorer y Firefox, pero los menúes desplegables no aparecen donde tendrían que aparecer...

DragonX · #9 (**permalink**) 28/05/2008, 13:56

body{
margin:0 auto;
text-align:center;
}

probá con esto!

Mikmoro · #10 (**permalink**) 28/05/2008, 15:05

Cita:

Iniciado por DragonX

body{
margin:0 auto;
text-align:center;
}

probá con esto!

Añado:

body{ text-align:center;}
#contenedor {width: 900px; margin: 0px auto;}

<body>
<div id="contenedor">
...
todo el contenido
...
</div>
</body>

Mikel.