Problema con el despliegue en diferentes navegadores

Holas,

Pues esto lo diskuti en otro apartado, pero ps komo no va ahi lo hago aki jeje

he estado tratando de pasar el estilo del index de mi web a uno nuevo usando un estilos.css y se ve diferente el despliegue en diferentes navegadores.. solo se ve komo yo kiero en internet explorer pero si lo minimizas tambien se desfasa y pues me preguntaba si ustedes saben porke :?

aki les dejo el index de prueba ke llevo hecho http://dragonslayers.110mb.com/Experimentos/

y el CSS

espero ke me puedan ayudar :P

Saludos!!

Existe un pequeño problemilla con los pixeles. Al parecer no miden lo mismo según Explorer y según los otros navegadores.

Yo intenté pasar todas las medidas de pixeles (px) a unidades tipo "em". Un em es un tanto por ciento del tamaño que se supone que tiene un elemento en esa capa. No lo entiendes? Pues yo tampoco demasiado, je je.

El caso es que si pones un texto en una capa aparecerá con cierto tamaño. La altura de ese es el tamaño de letra es la medida base, o "em", equivale a 1em. Si lo quieres el doble tendrías que ponerle 2em(dos veces un em). Puedes ponerle también decimales, es decir, 1.5em serían una vez y media un em. (creo que se usa el punto "." y no la coma ",".)

El caso es, para ponerle un tamaño a una capa, el ancho por ejemplo, o la cantidad de "left" que tú usas para posicionarlo con coordenadas absolutas, deberías probar a poner esas cantidades usando em en lugar de px. Obviamente 100px no son 100em, serán unos 12em o algo así, depende de lo que mida la altura de una letra en esa capa, por lo que tendrás que ir probando por tanteo.

No es seguro que de este modo se vea igual en todos los navegadores, pero a mi me da que si. Yo hice un experimento de este modo y resultó...

Si lo intentas cuentanos, oki?

Un abrazo! :wink:

Algún ejemplo de mi experimento:
#cuerpo-izq A {margin:.7em .2em .5em .3em}
#flotante {width:20em ; height:5em}
.7em es lo mismo que 0.7em
Procura no dejar espacios entre la propiedad, los dos puntos ":" y la cantidad, para evitar problemas en algunos navegadores.

vaya gracias jorgens... si sirbe ese estilo de medida... pero kreo ke deskubri ke los pixeles tal vez no sean el problema.. no es ke los objetos esten desfasados, es la imagen, komo ke está korrida hacia arriba, pero no se komo hacer ke baje.. le he kitado al firefox la barra de direccion i se ve un poco mas de la imagen, kreo ke pone la imagen empezando desde la barra de titulo, no se kual sea el error pero seguire tratando, si se les ocurre otra kosa solo diganme :lol:

saludos

Edit: Aun kon ese problema.. se sigue desfasando la pagina si la minimizo -.-

he logrado ke la imagen kede bien... haciendo unos pekeños ajustes al CSS

antes
body {background-color: #9C9C9C ; background-image: url(objetos/layoutdai.jpg) ; background-repeat: no-repeat ; background-position: center }

despues
body {background-color: #9C9C9C ; background-image: url(objetos/layoutdai.jpg) ; background-repeat: no-repeat ; background-position: center top; height:100%;width:100%}

pero al minimizar la ventana.. si.. se sigue desfasando la imagen kon los objetos

El problema es que das posiciones absolutas a las capas y claro, cuando varias el tamaño de la ventana del navegador todo se corre a un lado y se desencaja todo.

Intentalo colocando las capas con posiciones relativas y no tendrás ese problema, seguro.

Ya sabes, en la hoja de estilos, en lugar de poner absolute pones relative. Además tendrás que adaptar las coordenadas del left para colocarlo en su sitio, pero veras como te funciona.

Dinos algo!!!

ufff pues he hecho otro index de prueba i esta vez logre ke se vea kasi igual en los dos navegadores..

http://dragonslayers.110mb.com/Experimentos2/

solo ke en el firefox se ve un poko de espacio al termino de la imagen.. y klaro.. se sigue moviendo todo.. ahora tratare kon koordenadas relativas komo me dijiste xP espero ke kede bien jeje


P.S.

A proposito.. sabes algo del z-index? kreo rekordar ke es algo para ke las kapas keden unidas.. i no se despeguen.. pero no se kon seguirdad XP

ps nada ke kon relativos esta igual XP se desencaja todo XP aaah no se kual sea el problema ahora -.-

y con relativos me salian numeros negativos XP ke extraño se pone esto XP

Pasame el codigo html y css del proyecto que andas intentando y te lo devuelvo corregido y te explico los "porqués", oki?

Solo un poco de paciencia pa que encuentre un momentillo y lo vemos, vale?

Un abrazo!

arigato jorgens-sensei :cry: