Foros del Web » Creando para Internet » CSS »

Centrar página web completa

Estas en el tema de Centrar página web completa en el foro de CSS en Foros del Web. ¿Cómo puedo centrar una página completamente centrada y con espacio entre el top y la página en si?. De antemano gracias...
  #1 (permalink)  
Antiguo 16/08/2010, 00:36
Avatar de MarioAlejandroCR2  
Fecha de Ingreso: mayo-2010
Ubicación: Esparza - Puntarenas
Mensajes: 98
Antigüedad: 7 años, 6 meses
Puntos: 2
Pregunta Centrar página web completa

¿Cómo puedo centrar una página completamente centrada y con espacio entre el top y la página en si?.
De antemano gracias
  #2 (permalink)  
Antiguo 16/08/2010, 02:47
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Centrar página web completa

?¿ 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;
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 16/08/2010, 11:45
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 3 meses
Puntos: 49
Respuesta: Centrar página web completa

Edito Se me adelanto Ag666.
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #4 (permalink)  
Antiguo 16/08/2010, 12:19
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
De acuerdo Respuesta: Centrar página web completa

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

Última edición por TheDark03; 16/08/2010 a las 12:59
  #5 (permalink)  
Antiguo 16/08/2010, 12:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Centrar página web completa

Cita:
Iniciado por TheDark03 Ver Mensaje
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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #6 (permalink)  
Antiguo 16/08/2010, 13:20
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Centrar página web completa

Cita:
Iniciado por TheDark03 Ver Mensaje
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!
  #7 (permalink)  
Antiguo 17/08/2010, 10:13
 
Fecha de Ingreso: agosto-2010
Mensajes: 14
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Centrar página web completa

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
  #8 (permalink)  
Antiguo 17/08/2010, 10:48
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Centrar página web completa

Cita:
Iniciado por bkolores Ver Mensaje
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
  #9 (permalink)  
Antiguo 17/08/2010, 11:08
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Centrar página web completa

Cita:
Iniciado por TheDark03 Ver Mensaje
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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #10 (permalink)  
Antiguo 17/08/2010, 11:22
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Centrar página web completa

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
  #11 (permalink)  
Antiguo 17/08/2010, 11:22
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Centrar página web completa

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
  #12 (permalink)  
Antiguo 17/08/2010, 11:40
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Centrar página web completa

Cita:
Iniciado por alexk Ver Mensaje
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”
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #13 (permalink)  
Antiguo 17/08/2010, 12:05
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Centrar página web completa

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.
  #14 (permalink)  
Antiguo 17/08/2010, 12:45
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Centrar página web completa

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

Etiquetas: completa
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 07:37.