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
titleFijo siempre abajo/title
style type=text/css
!--
body {background: #EBF5F0; margin: 10px; overflow: auto}
#pie {display: block; margin: 0px; position: fixed; bottom: 20px;
background: #cc; 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
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
pa/p
/div
div id=pieNuestro 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 {