Listeros, listen.
Me ha surgido un problema con una página, se ve correctamente en
Firefox, Opera e IE 5.5, pero se ve incorrectamente en IE 6sp1, sp2 e IE7b2
Pueden verla aqui:
http://ylisto.info/t/ieerror.html
La caja con el error es la gris, a la derecha.
Debería verse redondeada de abajo y ese error gris en la cabecera
tambien es incorrecto.
La técnica que usé para estas cajas es hacer una sola imágen grande, con
los bordes redondeados y luego colocarla cuatro veces como fondo de
diferentes elementos y en diferentes background-aligns ... una día leí
de esta técnica en un sitio. Cuando surgió este problema, busqué el
sitio pero no lo pude encontrar.
El layout son tres columnas flotadas a la izquierda, con anchos
porcentuales.
La caja gris del fondo está hecha con la misma clase (graybox) y se ve
correctamente. La caja verde está hecha con la misma técnica y tambien
se ve correctamente en todos los navegadores.
La clase se encuentra en el css en la parte titulada /**** BOXES ****/
Este es el html de la columna de la derecha, la que tiene el problema:
<div id="right">
<div id="acerca" class="graybox">
<h3>
<span class="head">
<div id="acerca_titulo">
<span class="hidden">
blah blahBlah blah blahBlah blah
</span>
</div>
</span>
</h3>
<span class="text">
<p>Blah blahBlah blah blah blahos.</p>
<p>Los Blah blah blahBlah blah blahBlah blah blahBlah blah
blahBlah blah blahBlah blah blahBlah blah blahBlah blah blahBlah blah blahBlah blah
blahBlah blah blah organicen.</p>
<p>Es la mejoBlah blah blahBlah blah blahBlah blah blahBlah blah
blahBlah blah blahBlah blah blahBlah blah blahBlah blah blahBlah blah blahBlah blah
blahBlah blah blahnco.</p>
<p><a href="">Más sobre esto...</a></p>
</span>
</div>
</div>
Voy a explicar la parte de la cabecera, que es un poco compleja, por las
dudas:
El h3 es para darle importancia semántica, además se usa para poner un
fondo. El span head se usa para poner un fondo. El div se usa para
reemplazar el texto oculto por una imágen. El span hidden contiene el
texto que está oculto.
Si alguien encuentra mi error, se los agradecería muchísimo.
Y disculpen la censura del logo y los textos, el cliente podría enojarse.
--
Martin Szyszlican
www.ylisto.info
___________________________________________________________
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
