Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   IE display: fixed (http://www.forosdelweb.com/f53/ie-display-fixed-354751/)

baccxus 02/12/2005 18:35

IE display: fixed
 
Que tal chicos, la pregunta es esta, tengo:
Código:

#subir, #subir a {/*para subir al principio de la página*/
position: fixed;
/display: none;/*IE no entiende position:fixed*/
bottom: 10px;
right: 10px;
padding: 5px;
background-color: #999999;
border: 1px solid #000000;
color: #FFFFFF;
text-decoration:none;
}

Código HTML:

<div id="subir"><a href="#header" title="Subir">Subir&nbsp;<img src="/arrow_Up_ch.jpg" alt="Up Arrow" /></a></div>
Alguién tiene una propuesta para IE que no sea tan "SATURADA" como esta: http://www.tierradenomadas.com/rc012.phtml , sé que hay una forma en Javascript, pero no me cuadra.

Saludos

baccxus 03/12/2005 08:59

Esta es la opción javascript que he encontrado, el problema es que me posiciona la capa arriba y la necesito abajo, alguién entendido de javascript que me ayude, por favor:

Código:

<script type="text/javascript">
function reposicionaMenu(){
        //IE6 in non-quirks doesnt get document.body.scrollTop:
        var pos = (document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop;
        document.getElementById("subir").style.top = parseInt(pos + 10) + "px";
}

onload = function(){
if(document.getElementById && !window.getComputedStyle){// DOM but not Mozilla
        document.getElementById("subir").style.position = "absolute";
        window.onscroll = reposicionaMenu;
        }
}

</script>

Saludos,

baccxus 03/12/2005 21:27

Alguna idea?

Jorolo 04/12/2005 07:50

hola baccxus.

Si buscas una forma simple y limpia de hacerlo y que además se posicione con una de las esquinas inferiores de la ventana, lo tienes mal.

Siento no poder ayudarte, no uso Windows.

Yo llevo unos días estudiando como lo hacen en:
http://www.w3.org/Style/CSS/
Puede que te interese, no sé como se ve en IE, pero en el código he leído algo sobre un hack para el. Si te fijas notarás que también se ajusta a la esquina inferior derecha.

baccxus 04/12/2005 10:22

Gracias por la respuesta Jorolo, pero ya me hice a la idea que no va a ser limpio posicionar ese "position:fixed" así no más, de hecho con el código de javascript que puse lo estoy haciendo, lo único que espero ahora es que me expliquen como hacer para que se posicione abajo a la derecha, y no arriba a la derecha. No soy muy entendido de javascript y seguro será una tontería, pero preguntando no pierdo nada y gano mucho.

Por todo gracias.

Saludos

RoQ 04/12/2005 10:28

puedes usar el script IE7 de Dean Edwards, creo que soluciona varias cosas entre ellas el position:fixed
http://dean.edwards.name/IE7/
edito: si lo repara, puedes ver un burdo ejemplo aca
http://minihost.biz/fixed.htm

baccxus 05/12/2005 10:03

RoQ gracias, muy completo!

:aplauso: :arriba:

Saludos,


La zona horaria es GMT -6. Ahora son las 18:50.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.