Position absolute relative chrome explorer

marcelo1043 · #1 (**permalink**) 20/12/2010, 19:28

Hola, tengo problema con Explorer y CHrome, referente a las propiedades position-relative y position absolute.

El explorer me lo coloca medio bien el vídeo (la izquierda deberia tener más espacio) y las dos imágenes a su derecha,

pero el Chrome manda las dos imágenes y la frase a una esquina abajo.

Este es el código del vídeo que tiene que quedar a la izquierda y la frase y dos imágenes a la derecha:

¿Qué me recomiendan para no complicarme la vida, usar porcentajes, usar solo position relative?

<div>
<object style="position: relative; top:25px; left:100px; font-size:8;">
<object width="720" height="559"><param name="movie" value="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&hl=es_ES&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&hl=es_ES&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="519" height="404"></embed></object >

<p style="position: absolute; top:300px; right:80px; font-size:8;">Web recomendada:</p>
<a href="http://www.cine-clasico.com/foros/index.php">
<img style="position: absolute; top:340px;right:80px;"src="cineclasico.gif" ></a>

<img src= "stop-ley-sinde.gif"style="position: absolute; top:420px;right:80px;"src="cineclasico.gif" >

kseso? · #2 (**permalink**) 21/12/2010, 04:48

Le recomiendo que primero intente corregir los errores de su html que marca el validador y los despistes del css
Si no todo, algunas cosillas sí arreglará.
Ponga especial atención a que ahora tiene los estilos en el body (<stile>....</style>) Páselos al head o mejor aun, a un archivo css externo.

marcelo1043 · #3 (**permalink**) 21/12/2010, 06:10

Cita:

Iniciado por kseso?

Le recomiendo que primero intente corregir los errores de su html que marca el [URL="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcineraro.com%2F"]validador[/URL] y los [URL="http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2 Fcineraro.com%2F"]despistes del css[/URL]
Si no todo, algunas cosillas sí arreglará.
Ponga especial atención a que ahora tiene los estilos en el body (<stile>....</style>) Páselos al head o mejor aun, a un archivo css externo.

Gracias.

Tengo un archivo .css externo con estilo para <body><h1><h2><a><div> que es la barra de menu <li> e <img> pero ¿cómo le aplico el estilo al vídeo <object>?
Esa etiqueta no me funciona.

¿Y cómo aplico estilos a diferentes imágenes desde un .css externo, cómo se refiere cada orden a cada imagen?

marcelo1043 · #4 (**permalink**) 21/12/2010, 11:41

El validador de CSS me dice que text-shadow no es una propiedad válida de Css 2.1
y me dice que lo quite, pero a mi me funciona excepto con explorer.

¿Cuál es el problema? No entiendo porque quiere que lo quite si al menos funciona en Chrome.

Si pongo el estilo del object en el head se descuadra toda la página.

marcelo1043 · #5 (**permalink**) 21/12/2010, 12:51

El validador ese tiene más peligro... Hay que andarse con ojo porque si haces todo lo que te dice te cargas la web entera.

kseso? · #6 (**permalink**) 21/12/2010, 13:23

Cita:

Iniciado por marcelo1043

El validador ese tiene más peligro... Hay que andarse con ojo porque si haces todo lo que te dice te cargas la web entera.

No, tampoco es para tanto. No se asuste demasiado... pronto
Me despisté y le enlacé a versión 2.1 sin darme cuenta que utiliza propiedades de la 3.
De todas formas le dice que no es válida en la version 2.1.
Mire sus css en la versión 3 mejor, ¿verdad?.

Como creo que se está iniciando en el uso de css, mis disculpas si me confundo, pase por www.librosweb.es
Ahí encontrará unos manuales que le serán de gran ayuda.

En firefox también tiene ese descuelgue.
Los estilos no se pueden poner en el body entre las etiquetas <style type:text/css>......</style>
No los toman los navegadores.

marcelo1043 · #7 (**permalink**) 21/12/2010, 14:42

Por favor, ¿cómo aplico estilo a <object> desde hoja externa de css?
Si lo pongo en el body es incorrecto, si lo pongo en Head, se descuadra todo y en hoja externa no le obedece.

loncho_rojas · #8 (**permalink**) 21/12/2010, 14:52

que tal si, aplicas el estilo a un DIV y dentro del div pones el <object>

marcelo1043 · #9 (**permalink**) 21/12/2010, 14:53

Ahora le puse css externa margin-top y left y en Chrome obedece pero en Explorer no.

marcelo1043 · #10 (**permalink**) 21/12/2010, 14:54

Cita:

Iniciado por loncho_rojas

que tal si, aplicas el estilo a un DIV y dentro del div pones el <object>

Esa es otra que no se cómo: ¿cómo aplicar estilo desde css externa a dos elementos que se llaman igual , dos <p> o dos <div>?
Porque ya tendo un div.

loncho_rojas · #11 (**permalink**) 21/12/2010, 14:57

si haz aplicado un estilo al <object> para que te quede relativo o absoluto.. pues quita esa etiqueta STYLE del objetc y ponla dentro de un DIV, y entre el DIV pon el OBJEct.. ahora, si no entiendes CSS + HTML es buen momento para leer algo al respecto...

en vez de
<div>
<object style="position: relative; top:25px; left:100px; font-size:8;">
<object width="720" height="559">

escribe

Código HTML:

Ver original<div  style="position: relative; top:25px; left:100px; font-size:8;">
 
<object width="720" height="559">... etc...etc

marcelo1043 · #12 (**permalink**) 21/12/2010, 15:06

Gracias amigo, eso era, me estaba volviendo loco porque no podía ponerle el css externo para explorer. Cuando tenga tráfico y gane pasta con la web te contrato.

Solo me falla la diferencia de pixels entre Chrome y Explorer.
¿Es posible que se note la diferencia en pixels?

loncho_rojas · #13 (**permalink**) 21/12/2010, 15:09

ahi estamos fritos... porque FIrefox, IE, Chrome, Safari interpretan las medidas y distancias de manera distinta... creo que hay formas de hacer eso o de unificar, con unos encabezados tipo

 y dentro pones el CSS o algo asi, pero nunca los use, si alguien lo conoce, capaz te oriente..