Hola Asela, en realidad estás teniendo varios problemas, particularmente no
vi si algún margen o padding esté agregando anchos a la estructura pero
mirando rápidamente vi los siguientes errores:
Definiste una caja main de acuerdo a lo siguiente:
#main{
background:url(gfx/bg_24ii.png) no-repeat scroll -.5em 80%;
border-top:0.07em solid #fff;
margin: 0 auto;
max-width:100em; /* ie6 no reconoce max-width */
min-width:62em; /* idem */
width:99%;
position:relative; /* static por que no? */
}
Luego, tienes 2 bloques contenedores, en el block_2 está el contenido que se
te "cae":
#block_1{
font-size:1.25em;
width: 68%;
}
#block_2{
font-size:1.1em;
width:32%;
}
donde ambos están flotados a la izquierda.
El navegador está generando un error de cálculo: el 68%+el 32% del 99% de
los pixeles de la pantalla, encontrarás información sobre el tema, pero
recuerda que los píxeles se miden en números enteros. Así, en la
aproximación IE6 está dando una suma mayor al 100% del contenedor, con lo
que block_2 termina cayendo.
Prueba flotar block_2 a la derecha y reducir en un 1% el ancho del
contenedor y cuando el cálculo genere una separación del 1% entre ambos el
cambio de flotabilidad solo implicará un 1% más de separación entre ambas
cajas.
Vi algunos otros problemas de flotabilidad y varias cajas posicionadas
absolutamente, que a priori te diría que position:absolute; es un recurso
innecesario para esos casos.
Saludos!
Plácido Luna.
_______________________________________________
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
