Centrar mi web (post cíclico)

baptista19 · #1 (**permalink**) 14/10/2009, 10:00

Bueno pues es lo de siempre, este post se repite una y otra vez en todos los foros del mundo, pero aún así sigo siendo incapaz de hacerlo.

Tengo casi acabada mi web, la he hecho un poco "a lo loco" (divs por aquí y por allá, textos, imágenes...). Y ahora lo que quiero es centrarla (no se si tendría que haberlo hecho antes), y lo he intentado siguiendo las indicaciones de miles de temas de este foro, de otros foros, mirando en Google... pero nada, imposible.

Mi idea es "sencilla". Coger toda mi web, meterla dentro de un div o de una tabla, y centrar ese div o esa tabla.

¿Es posible? Empiezo a volverme loco.

Carlangueitor · #2 (**permalink**) 14/10/2009, 10:10

A ver si te sirve esto: Mete todo en otro div y centras ese div así:

Código HTML:

Ver original...
<div id="contenedor">
         Aqui va todo el Contenido de tu web.
</div>
...

Código CSS:

Ver originalbody {
    margin: 0;
    padding: 0;
    }
#contenedor {
    width: 956px;
    padding: 10px;
    margin: auto;
    }

baptista19 · #3 (**permalink**) 15/10/2009, 08:14

Una duda.

No entiendo eso del Código CSS. ¿Dónde tengo que meter esas propiedades?

Y a ver cómo lo ves mejor: ¿Hago un nuevo documento y ahí creo el div y copio y pego mi web?, o ¿lo hago en mi mismo documento?

Soy bastante novato y necesito mas detalles.

Por cierto, a ver si así es más fácil. Tengo una web parecida que conseguí centrar en una tabla, pero volví a empezar porque no quería hacerla con tablas. He intentado centrar la nueva web en esa tabla que ya conseguí centrar pero no puede pegar el contenido dentro de esa tabla. ¿Hay alguna forma de hacerlo (por si así es más fácil)?

Gracias y perdón por ser tan inútil.

kseso? · #4 (**permalink**) 16/10/2009, 07:51

Cita:

Iniciado por baptista19

Gracias y perdón por ser tan inútil.

Inútil no, ignorante, en el sentido de que desconoces lo concerniente a css.
Y como parece que muestras interés por aprender y antes de preguntar has intentado cosas, te has ganado la ayuda que pides.

Creo que es mejor que cojas una base mínima (los conceptos más básicos e imprescindibles) relativos a css.
Pasa por www.librosweb.es y en el apartado "diseño web" está la guía "introducción a css". Puedes bajarte el .pdf o consultarlo en línea.
Te será muy útil.

Un saludo, Baptista19

baptista19 · #5 (**permalink**) 19/10/2009, 08:06

Al final lo he conseguido de una forma parece que definitiva en cualquier diseño y circunstancia.

Poniendo lo que sale en rojo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htxp://xxx.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="htxp://xxx.w3.org/1999/xhtml">
<div style="width:1019px; position: relative; margin-left: auto; margin-right: auto;">