Hola a todos, Aprovechando el tema que tratáis sobre capas flotantes quería pediros ayuda con el pie de la página que estoy haciendo.
Podéis verla aquí: http://213.27.144.160/empresa.asp http://213.27.144.160/ack.css Resulta que en la sección de contacto al meterle un formulario me descoloca la capa #pie donde están los enlaces Política de Privacidad y aviso legal, no se trata en este caso de darle una posición fija sino de hacer que flote hasta abajo. Con que se vea en el IE y en Firefox me serviría. Muchísimas gracias a todos por adelantado. -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Leandro Asrilevich Enviado el: domingo, 19 de agosto de 2007 19:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Capa flotante fija josha ! me alegro que lo hallas resuelto, javascript es un lenguaje de puta madre jejej, peor todo lo que sea visual, trata siempre de en lo posible arreglarlo con css, que para eso esta, y deja el js para los behaviors... On 8/19/07, LISTAS <[EMAIL PROTECTED]> wrote: > > ¡¡¡¡¡¡¡¡YA ESTA...!!!!!!!! > > Trabajé inspirado por tu "mm" y obtuve lo que quería "tal como lo quería". > Les paso el código: > > > //////////////////////////////////////////////////////////////////////////// ///////////////////////// > <html> > <head> > <title>Fijo siempre abajo</title> > <style type="text/css"> > <!-- > body {background: #EBF5F0; margin: 10px; overflow: auto} > #pie {display: block; margin: 0px; position: fixed; bottom: 20px; > background: #ffffcc; width: 100%; height: 20px} > --> > </style> > <!--[if lt IE 7]> > <style> > body {margin: 0px; overflow: none} > #contenedor {padding: 10px; border: red solid 1px; > margin: 0px; width: 100%; height: 100%; overflow-y: scroll} > #pie {position: absolute; width: 95%; margin: 0px 10px} > </style> > <![endif]--> > </head> > <body> > <div id="contenedor"> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > <p>a</p> > </div> > <div id="pie">Nuestro DIV fijado en la posición deseada.</div> > </body> > </html> > > Gracias a todos: A.V.W. > > > //////////////////////////////////////////////////////////////////////////// ///////////////////////// > ----- Original Message ----- > From: "Leandro Asrilevich" <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Sent: Sunday, August 19, 2007 1:17 AM > Subject: Re: [Ovillo] Capa flotante fija > > > mm sobre lo de opera, contame como es el error, que es lo que no te > funciona > y vemos ocmo lo podemos arreglar... (no tengo opera aca) > > On 8/19/07, LISTAS <[EMAIL PROTECTED]> wrote: > > > > Amigo: el código que me haz enviado... funciona de mil maravillas en > > Firefox > > y Explorer, pero Opera, increíblemente, "¡no lo interpreta!". > > De modo que les dejo la inquietud a quien se atreva a recauchutarlo... > ;-) > > > > Y para evitar el doble scroll en Explorer agregué esta pequeña perlita: > > body {overflow: auto} > > > > ...y todo queda ¡.d.e.p.u.t.a.m.a.d.r.e.! > > > > Gracias. Gracias. Gracias... ;-) > > > > ----- Original Message ----- > > From: "Leandro Asrilevich" <[EMAIL PROTECTED]> > > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > > Sent: Saturday, August 18, 2007 11:37 PM > > Subject: Re: [Ovillo] Capa flotante fija > > > > > > lo que quieres hacer se realiza con css, usando position:fixed, pero IE > no > > lo interpreta, por lo que puedes via css hacer esto: > > > > <body> > > <div style="position:absolute; width:100%; height:100%; > > overflow-y:scroll"> > > tu contenido > > </div> > > <div style="position:absolute; bottom:0px"> > > tu div fijado en la position > > </div> > > </body> > > > > con esto haces que el tamaño del div que tiene el contenido sea siempre > el > > 100% del alto, y que todo lo que lo sobre pase, no genere un scroll > normal > > del body, si no uno interno del div ese, por lo que hacer el scroll, y/o > > redimensionar el browser no afectaria la position fija del otro div. > > > > On 8/18/07, Agustin Bouillet <[EMAIL PROTECTED]> wrote: > > > > > > Jejej > > > Bueno si te hace sentir mas seguro, usa javascript. > > > Aqui te dejo un link donde se toca el tema que necesitas resolver > > > http://www.howtocreate.co.uk/fixedPosition.html > > > > > > Saludos ;o) > > > Agustin > > > > > > On 8/18/07, LISTAS <[EMAIL PROTECTED]> wrote: > > > > Si hago scroll, ¿permanecerá "fija"? > > > > Si redimensiono la ventana, ¿también permanecerá fija? > > > > > > > > Lo dudo, no creo que sea un asunto puramente de CSS. Esto lo veo más > > > bien > > > > por el lado de Javascript... :( > > > > > > > > De todos modos, probaremos ver qué resulta de lo que enviaste. > > Gracias. > > > > > > > > A.V.W. > > > > > > > > ----- Original Message ----- > > > > From: "Agustin Bouillet" <[EMAIL PROTECTED]> > > > > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org > > > > > > Sent: Saturday, August 18, 2007 4:10 PM > > > > Subject: Re: [Ovillo] Capa flotante fija > > > > > > > > > > > > Probaste la alternativa en CSS. Tal vez no sea lo que estas > buscando, > > > > pero funciona en los browsers más populares. > > > > Desde luego que si no resuelve tu problema, deberas recurrir a > > > > JavaScript > > > > > > > > > > > > body{ margin:0; } > > > > #bottomDiv { clear:left; float:left; position:absolute; bottom:0; > > > > width:100%; background:#575757; color:#FFFFFF; height:3em} /* El > clear > > > > y el float son condicionales */ > > > > > > > > Otra alternativa es usar la propiedad fixed en el position... Pero > no > > > > recuerdo que es lo que pasaba con IE. Deberia funcionar > > > > perfectamente... > > > > > > > > Saludos > > > > Agustín > > > > > > > > <div id="bottomDiv">Hola mundo</div> > > > > > > > > > > > > > > > > > > > > > > > > > > > > On 8/18/07, LISTAS <[EMAIL PROTECTED]> wrote: > > > > > Capa flotante fija > > > > > > > > > > ¿Alguien tiene un código en Javascript que haga que una capa > > flotante > > > > > quede en una posición fija respecto a la parte inferior de la > > ventana > > > al > > > > > hace un scroll? Es decir: que quede siempre a "N" píxeles con > > respecto > > > al > > > > > bottom. ¿Se entiende? Y que sea compatible, claro (crossbrowser). > > > > > Todo lo que vi en Internet es un bodrio. > > > > > A.V.W. > > > > > _______________________________________________ > > > > > Lista de distribución Ovillo > > > > > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org > > > > > Puedes modificar tus datos o desuscribirte en la siguiente > > dirección: > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > _______________________________________________ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > _______________________________________________ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > -- > > _____________________________________ > > > > Leandro Asrilevich > > Web & Multimedia Developer > > Movil: +54 (11) 15 6161-9998 > > Tel: +54 (11) 4307-3085 > > > > Web: www.beastx.com.ar > > MSN: [EMAIL PROTECTED] > > Skype User: leandro.asrilevich > > > > Defensa 1805 PB "E" > > Capital Federal - Buenos Aires - Argentina > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > _____________________________________ > > Leandro Asrilevich > Web & Multimedia Developer > Movil: +54 (11) 15 6161-9998 > Tel: +54 (11) 4307-3085 > > Web: www.beastx.com.ar > MSN: [EMAIL PROTECTED] > Skype User: leandro.asrilevich > > Defensa 1805 PB "E" > Capital Federal - Buenos Aires - Argentina > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- _____________________________________ Leandro Asrilevich Web & Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4307-3085 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevich Defensa 1805 PB "E" Capital Federal - Buenos Aires - Argentina _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
