[Ovillo] hacks para Safari
Buenas, Alguien tiene experiencia maquetando para Safari? Existen los comentarios condicionales para este navegador? un saludo -- www.sevtov.com [EMAIL PROTECTED] ___ 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
Re: [Ovillo] hacks para Safari
Hola Fernando,
No es un comentario condicional para el safari, pero si un hack para
que la reglas que quieras solo afecten a tu Safari
div#prueba p { color: #f00; } /* IE, Firefox, etc. */
/*\*/
html*#prueba p { color: #690; } /* sólo en safari */
Es importante que contenga el juego de comentarios /*\*/ y el selector html*
www.noth.es
[EMAIL PROTECTED]
___
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
Re: [Ovillo] Capa flotante fija
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 { clear:left; float:left; position:absolute; bottom:0;
width:100%; background:#575757; color:#FF; 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=bottomDivHola 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
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 { clear:left; float:left; position:absolute; bottom:0;
width:100%; background:#575757; color:#FF; 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=bottomDivHola 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
