Elena Salas wrote:
> Hola
> te mando una solución intermedia...ya sé...pero bueno...
> El otro día me ayudaron en esta lista con algo parecido.
> A ver, el tema es que en IE, si un elemento con posición relativa está
> dentro de otro que tiene definada una propiedad overflow, el primero
> permanece fijo, es decir, se comporta como un fixed.
> En el ejemplo que te mando abajo funciona en IE y FF pero el float:right de
> la derecha no lo hace bien (ese es el problema).
> Si lo pruebas ten en cuenta:No te olvides del doctype (da igual transicional
> o estricto), pero es obligatorio, (el otro dia me volvió loca)
>
> a ver qué tal...
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd";>
> <html>
> <head>
> <title>Documento sin título</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <style>
> body{height:100%;}
> .content{height:100%;display:block;overflow:auto;}
>
> .img_right{float:right;width:150px;background-color:#ff0000;position:relative;height:200px;}
> .img_right div{float:right;}
> .content>.img_right{position: fixed;}
> .img_left{float:left;width:150px;background-color:#00ff00;position:relative;}
> .content>.img_left{position: fixed;}
>
> .content_scroll{height:100%;margin-left:200px;margin-right:200px;background-color:#0000ff;}
> </style>
> </head>
>
> <body scroll="no">
>
> <div class="content">
> <div class="img_right">Imagen derecha</div>
> <div class="img_left">Imagen izda</div>
> <div class="content_scroll">
>
> 1aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 2aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 3aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 4aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 5aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 6aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 7aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 8aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
>
> 9aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>aljfasasfds<br>
> </div>
> </div>
> </body>
> </html>
>
Gracias Elena, me ayudó mucho tu código.
Resulta que le di todas las vueltas habidas y por haber hasta que
descubrí que mi definición de doctype estaba equivocada.
Yo hacía lo siguiente:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es"
lang="es">
Resulta que para IE, tener la cabecera de XML antes que el doctype, es como si
no estuviera declarado. La removí y ahora funciona como debería, además
descubrí que siempre estuve trabajando en quirks mode, no en strict.
Por otro lado, también descubrí que tu código funciona con position:absolute
igual, no solo con relative para IE.
Todavía no pude hacerlo funcionar correctamente, pero el problema de
posicionamiento se solucionó, ahora el problema es que la capa absoluta me tapa
la barra de scroll de abajo, y como cambió el box model, tengo algunos scrolls
indeseados.
Gracias nuevamente.
Martin.
Martin.
___________________________________________________________
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
