Je suis confronté à un problème vraiment étrange, dont je suis sûr qu'il est dû à un positionnement.Problème CSS avec la saisie semi-automatique de JQuery dans IE8
Fondamentalement, j'ai une page maître, qui contient un div conteneur, et a sa position définie sur absolue, et en utilisant cela, il remplit les marges sur le côté de la page. J'essaie alors d'utiliser jQuery AutoComplete sur une page, qui a elle-même la position absolute, mais quand je sélectionne un élément de la liste, cela réduit les marges, et c'est comme si la position absolue sur la page était supprimée/overriden, jusqu'à ce que vous tapiez quelque chose dans la zone de saisie. En utilisant Firefox et Chrome il n'y a pas de problème, et ils fonctionnent comme prévu.
J'ai réussi à reproduire mon problème un peu plus simple:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="CssProblem.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script>
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp"
];
$("#tags").autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div id="container-content" style="width: 98%; position: absolute; min-height: 100%; border-left: solid 1px #ccc; border-right: solid 1px #ccc;">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
<br />
Some Text
</div>
</body>
</html>
Toute aide/conseils/suggestions seraient grandement appréciés
Edit: Trouvé cette question ne s'applique pas à IE8, mais ne s'applique contre IE7 & en mode IE8 Compat, ayant toujours pas de joie
De plus, il fonctionne ici: http: // jsbin. com/abaro4, pourtant quand je copie exactement le même code source, j'obtiens le même problème localement – BenW
Puisque 'min-height' est ignoré dans IE7, peut-être pourriez-vous utiliser le hack min-height? http://www.dustindiaz.com/min-height-fast-hack/ – stealthyninja