image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

Como centrar un pagina?¿?

Volver al foro | Responder | Añadir nuevo tema


De: Benc
Fecha: 12/05/2006
Mensaje:

Hola a todos,
estoy haciendo una página web con html y css y el problema que tengo está en que la página, no se centra en el medio de la pantalla, sino en el lado izquierdo. he mirado distintos manuales pero no logro encontrar el modo de hacerlo.
si alguien me puede ayudar, muchas gracias.


Quizás le interese
De: Benc
Util para: 10 personas

Fecha: 12/05/2006
Mensaje:

por cierto, el codigo que tengo en mi css es:
.pagina {
width: 952px;
height: 587px;
border: 1px solid #999999;
background-color: #F6F6F6;
position:relative;
padding:10px;
float:left;
}




De: ZeroKilled
Util para: 3 personas

Fecha: 12/05/2006
Mensaje:

Viendo tu codigo CSS, la razon por la que tu pagina no se centra
es porque estas utilizando float:left; y el position:relative; en
este caso no tiene sentido. Cambia las dos sentencias por:

margin:auto;
text-align:left;

Y a la etiqueta padre le pones:

text-align:center;

Un ejemplo:
.pagina{
...
margin:auto;
text-align:left;
width:ancho que quieras;
...
}

body{
text-align:center;
}

Suponiendo que body es el padre de la etiqueta con la
clase .pagina, La razon de hacerlo asi es porque IE no
comprende lo que es margin:auto; y por ende no centraliza. Sin
embargo text-align:center funciona para IE.



De: Benc
Util para: 0 personas

Fecha: 12/05/2006
Mensaje:

ZeroKilled!!!!! MUCHÍSSIMAS GRACIAS!!! ME HAS SACADO DE UN APURILLO!! :p:D AHORA YA ME VA! GRACIAS POR TODO




De: malucha
Util para: 2 personas

Fecha: 16/05/2006
Mensaje:

Hola! Pues a mi no me centra ni por asomo. Eso que (yo creo) ya lo he intentado todo!!!!!

Podeis echarle un vistazo al código en http://www.eurielle.net/pruebas

Centra correctamente en IE, pero en Firefox y Opera ni se inmuta.

Echadme una mano por favor !! Gracias !!



De: Ubunta
Util para: 0 personas

Fecha: 16/05/2006
Mensaje:

a mi me funcionó, y el código que utilizé fue:
hice un <div class"cuerpo"> para el fondo y su codigo en css es:
.cuerpo {
width: 952px;
height: 587px;
border: 1px solid #999999;
background-color: #F6F6F6;
left:20px;
text-align:center;
margin:auto;
position: relative;
}
Entonces, todo lo otro que quieras en la pagina esta dentro del div. si quieres ver un ejemplo, sin actualizar: www.marcheditor.com

espero que te sirva,

saludos



De: malucha
Util para: 0 personas

Fecha: 16/05/2006
Mensaje:

Pues yo lo revisé de arriba abajo y no funcionó. La única diferencia que veo con tu código es simplemente (además del fondo de imagen) que tu lo pones en un class y yo como id, pero no veo qué distinciones puede hacer con el propio código.
Por otro lado tu tienes simplemente lo de margin:auto, y lo cambié por si las moscas pero nada, que eso tampoco es.
Seguiré desesperandome mientras <bucle>reviso</bucle> el código.
Gracias :)



De: malucha
Util para: 0 personas

Fecha: 16/05/2006
Mensaje:

Gracias por vuestro tiempo y atención. Por fin solucioné el problema.
Tenía que añadirle el margin auto a las capas inmediatamente inferiores a la contenedora (aunque no me explico por qué). De todos modos funciona así que. Ahí tenemos la solución.
:)



De: Diego
Util para: 0 personas

Fecha: 22/05/2008
Mensaje:

Gracias tarde pero me sirvio
22/05/08



De: dofus
Util para: 0 personas

Fecha: 26/04/2012
Mensaje:

si quieren centrar sus paginas horizontalmente solo deben de agregar margin: 0 auto; al estilo que contienen toda la pagina

div.masterContent {
width: 1024px;
margin: 0 auto;
}



De: roger
Util para: 0 personas

Fecha: 08/05/2012
Mensaje:

Intenta hacer este test!
1. Escribe el nombre de una persona del sexo opuesto
2. Cual es tu color favorito entre rojo, negro, azul,
verde y amarillo?
3. La letra inicial de tu nombre
4. El mes que naciste
5. Qué color te agrada más, el blanco o negro?
6. Nombre de una persona de tu mismo sexo
7. Tu número favorito
8. Que te gusta más, california o florida?
9. Te gusta más los Lagos o el Océano?
10. Escribe un deseo (uno realista)
CUANDO TERMINES BAJA LA BARRA DESPLAZADORA,
pero no mires antess!!!
NO HAGAS TRAMPA!!)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
LAS RESPUESTAS
1. Estás totalmente enamorado de esta persona
2. Si escogiste:
Rojo – Estás a la alerta de las situaciones y tu vida está
llena de amor
Negro – Eres conservador y agresivo
Verde – Tu alma es relajada y das un poco la espalda
Azul – Eres espontáneo y amas los besos y el afecto de
aquellos que amas
Amarillo -Eres una persona muy alegre y das buen
ejemplo para aquellos que se sienten mal
3. Si tu inicial es:
A-K: Tienes muchisimo amor y amistades en tu vida
L-R: Intentas disfrutar tu vida al máximo y tu vida
amorosa florece en temporadas
S-Z: Te gusta ayudar a los demás y tu futura vida
amorosa pinta de maravilla
4. Si naciste en:
Enero-Marzo: El año irá muy bien para ti y descubrirás
que te enamorarás de alguien totalmente inesperado.
Abril-Junio: Tendrás una fuerte relación amorosa que
no durará tanto como esperabas pero los recuerdos lo
harán para siempre.
Julio-Septiembre: Tendrás un año asombroso y
experimentarás el mayor cambio de tu vida para bien
Oct-Dic: Tu vida amorosa no será del todo genial, pero
de vez en cuando encontrarás tu alma gemela
5. Si escogiste …
Negro: Tu vida tornará en una dirección diferente,
parecerá dificil a la vez pero sucederán las mejores
cosas para ti, y estarás feliz por el cambio.
Blanco: Tendrás un amigo al cual siempre confiar y
que haría lo que sea por ti, pero quizás no te des
cuenta de ello
6. Esta persona es tu mejor amigo
7. Estos son cuantos verdaderos amigos tendrás en tu
vida
8. Si escogiste:
California: Te gusta la aventura
Florida: Eres una persona que a veces le das la espalda
a los demás
9. Si escogiste:
Lago: Eres leal a tus amigos y a tus amores. Eres un
poco reservado
Océano: Eres espontáneo y te gusta ayudar a los
demas
10. Este deseo se hará realidad solamente si REENVIAS
ESTA COSA en un foro diferente después de la
siguiente hora, y sé hará realidad antes de tu
siguiente cumpleaño



De: heyyy
Util para: 3 personas

Fecha: 08/05/2012
Mensaje:

Intenta hacer este test!
1. Escribe el nombre de una persona del sexo opuesto
2. Cual es tu color favorito entre rojo, negro, azul,
verde y amarillo?
3. La letra inicial de tu nombre
4. El mes que naciste
5. Qué color te agrada más, el blanco o negro?
6. Nombre de una persona de tu mismo sexo
7. Tu número favorito
8. Que te gusta más, california o florida?
9. Te gusta más los Lagos o el Océano?
10. Escribe un deseo (uno realista)
CUANDO TERMINES BAJA LA BARRA DESPLAZADORA,
pero no mires antess!!!
NO HAGAS TRAMPA!!)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
LAS RESPUESTAS
1. Estás totalmente enamorado de esta persona
2. Si escogiste:
Rojo – Estás a la alerta de las situaciones y tu vida está
llena de amor
Negro – Eres conservador y agresivo
Verde – Tu alma es relajada y das un poco la espalda
Azul – Eres espontáneo y amas los besos y el afecto de
aquellos que amas
Amarillo -Eres una persona muy alegre y das buen
ejemplo para aquellos que se sienten mal
3. Si tu inicial es:
A-K: Tienes muchisimo amor y amistades en tu vida
L-R: Intentas disfrutar tu vida al máximo y tu vida
amorosa florece en temporadas
S-Z: Te gusta ayudar a los demás y tu futura vida
amorosa pinta de maravilla
4. Si naciste en:
Enero-Marzo: El año irá muy bien para ti y descubrirás
que te enamorarás de alguien totalmente inesperado.
Abril-Junio: Tendrás una fuerte relación amorosa que
no durará tanto como esperabas pero los recuerdos lo
harán para siempre.
Julio-Septiembre: Tendrás un año asombroso y
experimentarás el mayor cambio de tu vida para bien
Oct-Dic: Tu vida amorosa no será del todo genial, pero
de vez en cuando encontrarás tu alma gemela
5. Si escogiste …
Negro: Tu vida tornará en una dirección diferente,
parecerá dificil a la vez pero sucederán las mejores
cosas para ti, y estarás feliz por el cambio.
Blanco: Tendrás un amigo al cual siempre confiar y
que haría lo que sea por ti, pero quizás no te des
cuenta de ello
6. Esta persona es tu mejor amigo
7. Estos son cuantos verdaderos amigos tendrás en tu
vida
8. Si escogiste:
California: Te gusta la aventura
Florida: Eres una persona que a veces le das la espalda
a los demás
9. Si escogiste:
Lago: Eres leal a tus amigos y a tus amores. Eres un
poco reservado
Océano: Eres espontáneo y te gusta ayudar a los
demas
10. Este deseo se hará realidad solamente si REENVIAS
ESTA COSA en un foro diferente después de la
siguiente hora, y sé hará realidad antes de tu
siguiente cumpleaño



De: hugosql
Util para: 0 personas

Fecha: 21/05/2012
Mensaje:

usa el siguiente método:
1. crea una tabla,
2. centra la tabla,
3. inserta tu div en la tabla ya centrada:

<table align=center><tr><td>
<div id=midiv>
Aquí va tu contenido.
</div>
</td></tr></table>



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.