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.
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
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
