Problema con overflow:auto en explorer

[javi37]

Hola.

Tengo el siguiente código. El cual presenta una serie de datos. La cuestión es que en todos los navegadores funciona perfectamente pero no en el explorer....

Alguna idea, gracias

Código PHP:

 <div id="principal" style="position:absolute; width:97%; height:97%; padding-left:1%; padding-right:1%; overflow:auto;"> 
    <?php 
        $contador=0; 
        chdir("./archivos"); 
        $abrir=opendir("."); 
        while ($archivo=readdir($abrir)){ 
            if (is_file($archivo)){ 
                $divide=explode(".",$archivo); 
                if (strtolower($divide[1])=="txt" && file_exists($divide[0].".jpg")){ 
                    $contador++; 
                    $abrir_fichero = fopen($archivo,"r"); 
                    $raza=substr(fgets($abrir_fichero),0,14); 
                    $peso=fgets($abrir_fichero); 
                    $talla=fgets($abrir_fichero); 
                    $descripcion=file_get_contents($archivo); 
                    $descripcion=str_replace("\n","<br />",$descripcion); 
    ?> 
    <div style="position:relative; float:left; width:46%; height:45%; padding-left:1%; padding-right:2%; padding-top:1%;"> 
        <div class="redondo titulo_noticia" style="position:relative; width:100%; background-color:#F00; color:#FFF; text-align:center; padding-bottom:5px; padding-top:5px;"> 
        <?php echo $divide[0]; ?> 
        </div> 
        <div style="clear:both;">&nbsp;</div> 
        <div style="position:relative; width:32%; float:left; padding:1%;"> 
            <img src="<?php echo './archivos/'.$divide[0].'.jpg'; ?>" alt="<?php echo $divide[0]; ?>" title="<?php echo $divide[0]; ?>" width="100%;" /><br /> 
            <p class="pie_foto" style="text-align:center;"><?php echo $divide[0]; ?></p><br /> 
            <img src="../images/logo6.png" alt="Logo" title="Logo" width="100%"/> 
        </div> 
        <div style="position:relative; width:63%; height:80%; float:right; padding:1%; border:1px #999 solid; overflow-y:auto;"> 
            <p class="cuerpo_noticia"> 
                <strong><u>Raza:</u></strong>&nbsp;<?php echo $raza; ?><br /> 
                <strong><u>Peso:</u></strong>&nbsp;<?php echo $peso; ?><br /> 
                <strong><u>Talla:</u></strong>&nbsp;<?php echo $talla; ?><br /> 
                <strong><u>Descripcion:</u></strong><br /> 
                <?php echo $descripcion; ?> 
            </p> 
        </div> 
        <div style="clear:both;">&nbsp;</div> 
    </div> 
    <?php 
                    if($contador==2){ 
                        echo '<div style="clear:both;">&nbsp;</div>'; 
                        $contador=0; 
                    } 
                } 
            } 
        } 
    ?> 
</div>  

[jonatanlc]

Estimado su duda debe ser solucionada en otro foro más adecuado ya que aqui unicamente es PHP y su problema es con HTML.

Saludos!

PD: Recuerde que para IE generalmente debe realizar hacks , ya que IE tiene un muy mal soporte de CSS y demás.

[samu22]

tal como dice jonatanlc, iexplore es la muerte jajaja, pero lamentablemente hay muchos usuarios que lo usan, la solucion a tu problema es un hack condicional

Código html:

<style>
.hoverflow{overflow-y:auto;}
</style>
<!--[if IE]><style type="text/css"> .hoverflow { overflow:visible; overflow-x:hidden; overflow-y:auto; padding-right:15px; } </style><![endif]-->
 
<!-- [...] -->
 
<div style="position:relative; width:63%; height:80%; float:right; padding:1%; border:1px #999 solid;" class="hoverflow">
            etc
 

eso si, debes utilizar una clase y no agregarlo en la etiqueta, aparte es mas facil de modificar

[javi37]

gracias por los comentarios, la pegas es esa, que la mayoría de usuarios a nivel mundial lo que usan es el explorer

De todas formas Samu22, he probado de ese modo y nada, no hay manera, pasa lo mismo. Además el explorer 8 activa el modo de vista con compatibilidad, que es lo que creo que está dando por saco

[GatorV]

Mensaje trasladado desde PHP a CSS

[manza_bahia]

Yo tenia un problema parecido: me andaba overflow:auto; en firefox pero no en ie.
lo solucione especificando tanto x como y: overflow-x:auto; overflow-y:auto;
Espero q te sea de ayuda.

[nucleorion]

Yo tengo un overflow-y: scroll; en la etiqueta body del css para que siempre aparezca la barra lateral y no haya movimento horizontal cuando aumenta la altura de la web de manera dinamica.

Para que el IE no me muestre dos barras laterales he probado todos estos codigos dentro del head

Código:

<!--[if IE]>
<style type="text/css"> 
body {
	overflow-y:auto;
}
</style>
<![endif]-->

Tambien he probado con:
overflow:auto; (Cambiando y sin cambiar en el css general overflow-y por overflow
overflow-x:auto; overflow-y:auto;

Pero no funciona, solo funciona si elimino el comienzo de la html:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Pero si elimino esta linea, entonces no funciona min-width y al reducir el tamaño de la ventana se coloca todo debajo del menu.

Si quereis hecharle un vistazo es www.aplinet.org

[nucleorion]

Vale, como una vez que se ha establecido overflow es irrevocable para IE la solucion ha sido no poner overflow en el css y en su lugar ponerlo solo si NO es IE

Código:

<!--[if !IE]>
<style type="text/css"> 
body {
		overflow-y: scroll;
}
<![endif]-->