creo que la mejor manera de comprobar el problema es que visit:comportamiento extraño con AJAX/jQuery y Chrome
La apertura de la página, debe cargar la línea en la parte inferior Alptraum - La Vie d'une Fascinante Jeune Vierge Effarouchee de ma - Desconocido Fecha gracias a este script jQuery:
$.ajax ({
url: "list/browse_ajax.php",
type: "POST",
success: function(data) {
$('#browseList').html(data);
},
error: function(data) {
$('#browseList').html("Error");
}
});
en el servidor, que responde con:
<script type="text/javascript">
$(document).ready(function() {
$('.lists').mouseover(function() {
$(this).css("background-color", "#CCCCCC");
});
$('.lists').mouseout(function() {
$(this).css("background-color", "#FFFFFF");
});
});
</script>
<div class="lists">
<a class="lblackb" href="index.php?explore=view&trackid=888"><?=htmlentities("Alptraum - La Vie Fascinante D'Une Jeune Vierge Effarouchee Marnaise - Unknown Date", ENT_QUOTES, "UTF-8")?></a>
</div>
con este listas de clase:
.lists{width:710px; float:left; border-bottom:1px #000000 solid;}
y esta es la browseList div:
.content{width:710px; float:left; color:#000000; font-weight:normal; text-align:left; margin-left:13px; margin-right:13px;}
<div class="content" id="browseList"> </div>
Pero, ¿cómo se puede ver, hasta que no se va de la div con el ratón (aplicando el efecto jQuery mouseover/out), puede ver toda la línea (al menos, cuando cargo la página solo veo una parte pequeña como Vierge Effarouchee Marnaise - Fecha desconocida.
Esto sucede a mí sólo con Chrome (8.0.552.237)
¿Por qué esto? ¿Y cómo puedo solucionar este problema? Gracias
P.S. Esto ocurre solo si escribí 1 línea en el #browseList ' div (con .html()
). Entonces, por ejemplo, si solo agrego un <br/>
antes o después de esa línea, esto no sucede: O
P.S.2. También he notado que si actualizo la página muchas veces, a veces parece bien, a veces con el problema ... ¡EXTRAÑO! Creo que es un error Chrome ...
comprobar y ver si sucede también cuando se proporciona una altura o min-altura de los contenedores – Till
Do quieres decir con 'content' div? Intenté con 'height: 40px;' o 'min-height: 20px;' pero nada cambia :( – kwichz