Centrar página web completa

[MarioAlejandroCR2]

¿Cómo puedo centrar una página completamente centrada y con espacio entre el top y la página en si?.
De antemano gracias

[ArturoGallegos]

?¿ al div que contiene tu sitio aplicale un margin por ejemplo si quieres que este centrada y un margen entre el top y tu sitio de 10px, puedes aplicar margin:10px auto;

[kaninox]

Edito Se me adelanto Ag666.

[TheDark03]

Hola opino q esa es una forma de lograr tu objetivo,
pero te sugiero q no lo hagas con el Div padre q contiene tu web sino al

body{}

ya puede ser margin o padding
"esto solo es para el espacio de la parte superior del navegador y tu web"

Edito: me di cuenta q nadie respondio... agrega esto en tu css

*{
margin: 0;
padding: 0;
}

NOTA: * es un selector universal



Saludos DTB

[ArturoGallegos]

Iniciado por TheDark03

Hola opino q esa es una forma de lograr tu objetivo,
pero te sugiero q no lo hagas con el Div padre q contiene tu web sino al

body{}

ya puede ser margin o padding

Saludos DTB

TheDark03 illustrame, conosco la tecnica del margin y otra con position:absolute sobre un div que contenga a tu sitio

pero eso de hacerlo sobre el body{} no la conocia

[bkolores]

Iniciado por TheDark03

Hola opino q esa es una forma de lograr tu objetivo,
pero te sugiero q no lo hagas con el Div padre q contiene tu web sino al

body{}

ya puede ser margin o padding
"esto solo es para el espacio de la parte superior del navegador y tu web"

Edito: me di cuenta q nadie respondio... agrega esto en tu css

*{
margin: 0;
padding: 0;
}

NOTA: * es un selector universal



Saludos DTB

lamento informarle colega que esta muy equivocado al agregar * ¿porque? simple colega... si el joven desea dar propiedades de margin y padding en algunos navegadores MOLESTA... si bien es cierto eso sirve un mogollon... la misma w3c dice que no es un codigo a utilizar mucho a no ser que vaya mixto por ejemplo

div#caja1 *{ color:#FFF; }
eso dice... TODO lo que este dentro de caja 1 tenga color(texto) blanco SIN EXCEPCIONES!

[AndresJVB]

Hola, yo centro mi pagina usando LEFT, TOP, POSITION y teniendo en cuenta una técnica llamada "960GRID SYSTEM"
Left, me da la separación del lado izquierdo y TOP la separación con respecto al tope de la pagina.!

Por ejemplo:
·contenedor{
left:160px;
top:20px;
position:absolute;
}

Espero que te sirva,
Saludos

[TheDark03]

Iniciado por bkolores

lamento informarle colega que esta muy equivocado al agregar * ¿porque? simple colega... si el joven desea dar propiedades de margin y padding en algunos navegadores MOLESTA...

menciona el nombre de aquellos browsers :S

Saludos

[ArturoGallegos]

Iniciado por TheDark03

menciona el nombre de aquellos browsers :S

Saludos

el compañero bkolores tiene razon usando *{margin:0;padding:0;} se obtienen mas problemas de los que se solucionan, con que explorador? no hace falta especificar en todos los exploradores tendra problemas... por el simple hecho que si lo aplica tambien tendra que aplicar cuando menos

p{margin:10px 0;}
ul{margin-left:15px;}
h1,h2,h3,h4{15px 0;}

asi que resulta mas practico html,body{margin:0;padding:0;}

el *{} no digo que yo no lo use, solo que prefiero dejarlo para casos muy especificos o de plano ando a las carreras.... lamentablemente en algunos casos tengo que andar haciendo parches para corregir eso

[TheDark03]

Gracias por la respuesta...y por la aclaracion pero no he tenido problemas con el *{} y lo q recomiendas tmb lo uso...

pero de todas maneras gracias por la info.. no sabia eso del selector *

Saludos DTB

[alexk]

totalmente en desacuerdo... no dudo que les de problemas implementar este pequeño reset CSS, cuando su maquetacion esta terminada, ya que se supone que esta linea debe de ser la primera cuando comenzamos a maquetar...
existen mejores reseteadores este es uno muy basico, pero muy util.

Cada navegador tiene estilos por defecto y muy diferentes, establecer los estilos para cada elemento en todo navegador es muy util y ese pequeño reset cumple con ello.

Yo creo que el equivocado es otro, ya que venir a decir "esto esta mal" sin dar una razon ni aportar al problema original, alli si veo una equivocacion.

Creo que deben informarse un poco mas sobre reset CSS y ya luego aportar sus opiniones.

MarioAlejandroCR2
Si te pasas por las FAQS o en el mismo buscador de este foro encontraras muchas soluciones, es un tema que se ah tratado mucho, chao y suerte

[ArturoGallegos]

Iniciado por alexk

totalmente en desacuerdo... no dudo que les de problemas implementar este pequeño reset CSS, cuando su maquetacion esta terminada, ya que se supone que esta linea debe de ser la primera cuando comenzamos a maquetar...
existen mejores reseteadores este es uno muy basico, pero muy util.

Ok corrijo quizás use mal la expresión, no es tanto el hecho de crear problemas… sino que es molesto estar creando estilos para cada elemento por separado… aunque se podría preparar un CSS ya listo para trabajar con el reset y estilos básicos y así evitar las molestias.

Y resáltese “es opinión mía muy propia, no es un hecho que moleste a otros”

[alexk]

Ag666 y te entiendo al 100%... pero hay algunos que tenemos la mania del crossbrowsing, o bien ofrecemos este servicio, y hacer que todo navegador este lo mas parecido posible es imprescindible usar un reset css no digo que este precisamente pero si uno que aplique nuestras necesidades y cumpla su funcion.

Y claro que es tu opinion y se respeta, pero hay cosas correctas e incorrectas y hay que despejar las dudas para no generar confusiones y dejar todo claro y asi el que busque respuestas tome sus propias decisiones.

[TheDark03]

ya decia yo... como puede ser posible q genere problemas si esto es muy usado al momento de resetar tu css y como vi q Agg666 es mucho mas antiguo q yo en el foro deduje q sabia mas(no digo lo contrario) y tenia q escucharlo por respeto... y como todabia soy un noob me puse a investigar sobre "problemas con el selector *" y para nada lo q dice Ag666 pz...

Aclarando q no busco mas, solo q no creen dudas o confusion en vano

Saludos DLB

PD:de acuerdo contigo alexk Saludos