Relative + %

[Bigcrime]

Saludos!

Tengo un gran problema!-->

Código CSS:

#contenido {
    position: relative;
    width: 800px;
    height: 600px;
    top: 50%;
    margin-top: -300px;
}
 

En el code anterior las medidas en % en este caso el Top no funcionan, exepto para Safari. Si cambio la medida de % a pixeles o alguna otra, si funciona.

Alguien sabe porq los % no funcionan en posicion relativa ? plz una mano!

Grax!

[WinderJerter]

Iniciado por Bigcrime

Saludos!

Tengo un gran problema!-->

Código CSS:

#contenido {
    position: relative;
    width: 800px;
    height: 600px;
    top: 50%;
    margin-top: -300px;
}
 

En el code anterior las medidas en % en este caso el Top no funcionan, exepto para Safari. Si cambio la medida de % a pixeles o alguna otra, si funciona.

Alguien sabe porq los % no funcionan en posicion relativa ? plz una mano!

Grax!

En teoria debe funcionar, no puedes poner la pagina para revisar

Saludos!!!

[Bigcrime]

No hay que complicarse, tan simple como eso, la otra parte del codigo es irrelevante.

Pero si quieres lo pruebas aqui -->
http://www.w3schools.com/css/tryit.a...tion_relative2

abrete ese link con firefox y cambiale la posicion a % en lugar de pixeles.

GraX por Responder! Esta es la segunda vez que creo el tema y tu eres el primero . Grax!

[kseso?]

Usted define /top:50%/ y la cuestión es ¿50% de qué?
Como fue tan parco en sus códigos, no se si su html ycss sólo contiene ese código o hay más.
Si resulta que esa caja /#contenido/ es hija del html y ni éste ni body tiene declarado valor para /height/, el valor base para calcular el 50% es 0 (cero), por lo que la mitad de su caja desaparece por arriba.

Solución: añada a sus estilos:

html, body {
height:100%;
width:100%;
}

Editado:
Respuesta redactada antes de ver el comentario #3

[Bigcrime]

Lol pero tu acaba de dar la respuesta, si funcionaba en w3school, tambien en mi code.
Era solo esa caja, no habia mas, si hubiese habido mas lo hubiese puesto.

Yo siempre crei que el tamaño de html y body ya estaban definidos, nunca le di width ni height. Estoy medio confundido porq:

1-En posicion absoluta no tenia que darles width ni height a html ni body para que funcione.
2-Safari lo corria bien aun sin que html o body tengan width y height definidos en posicion relativa.

Pero bueno muchas GraX! Eres El mejoR!