J'ai essayé de googler mais je ne trouve aucun indice à mon problème. Il y a tant de corrections de bogues IE que je ne peux pas penser à ce qui se passe avec celui-ci.Problèmes avec une barre de recherche abs positionnée dans tous les IE?
Ce que j'ai est une disposition de 3 colonnes avec l'en-tête et le pied de page. La colonne de gauche et le div contenu principal sont tous les deux dans un conteneur div thats flotté à gauche (colonne gauche et contenu principal flottant à gauche/droite à l'intérieur). La colonne de droite est flottante à droite.
Dans le contenu div principale, j'ai une barre de recherche qui a son code HTML en bas (en dessous de tout le contenu), mais est positionné de manière absolue, donc c'est en haut. (voir image) alt text http://www.flickr.com/photos/[email protected]/4394899733/
Cela fonctionne très bien dans IE6 + et FF jusqu'à ce que je charge l'une des pages qui a un menu déroulant pour commander des produits (par exemple-prix: faible à élevé, etc).
Pour une raison quelconque, toutes les versions d'IE sont devenues dingues et ajoutent la barre de recherche au bas de l'entrée «order by» et suppriment le style ???
est ici le code HTML:
<div id="maincontent">
<h1 class="title">Search</h1><h2 class="ban" > Browsing all </h2>
<div class="ban">
<form class="ban" method="GET" action="/search.php">
Order by: <input type="hidden" name="q" value="" /><input type="hidden" name="page" value="1" />
<select name="sort" onchange="JavaScript:this.form.submit();">
<option value="relevance" selected='selected'" >Best Match</option>
<option value="rating" " >Rating</option>
<option value="priceAsc" " >Price: Low to High</option>
<option value="priceDesc" " >Price: High to Low</option></select><noscript>
<input type="submit" value="Go" /></noscript></form></div>
et recherche HTML ...
<div id="searchform">
<form name="search" action="/search.php">
<input type="text" onblur="javascript: this.className = 'ba1';" onfocus="javascript: this.className = 'focused';" class="ba1" name="q" id="q" size="50" value="" />
<button value="search" type="submit" class="submitBtn"><span>search</span></button>
</form>
<p>
<small>Search or browse by
<a href="merchants.php">merchant</a>
<a href="categories.php">category</a> or
<a href="brands.php">brand</a>
</small>
</p>
<script type='text/javascript'>document.search.q.focus();</script></div>
Doctype XHTML 1.1
N'a pas affiché la photo pour une raison quelconque si Heres le lien ... http://www.flickr.com/photos/[email protected]/4394899733/ – Taylor
Vous ne pouvez publier des photos que si vous avez assez de réputation, où est le CSS, le problème est dans le CSS. Si vous réécriviez tout ceci dans un SSCCE (http://sscce.org) qui reproduit exactement ce problème, faites-le vous-même et faites-nous une grande faveur, donc débarrassez-vous de tous les éléments/styles/bruit inutiles et fournissez '' + '' à ' 'que nous pouvons simplement copier et coller sans changer pour reproduire le même problème. –
BalusC
Voyant votre CSS est nécessaire pour résoudre ce problème, le plus probable manque de hauteur/largeur spécifiée pour un élément qui en a besoin (non-sens IE commun). – Tom