IE8 CSS/Combobox -Fehler (seltsam erscheinen Text)

StackOverflow https://stackoverflow.com/questions/1610789

  •  05-07-2019
  •  | 
  •  

Frage

Ich versuche diesen Fehler zu identifizieren. Ist dies bereits ein bekanntes Problem oder ist es total neu? Gibt es eine Problemumgehung (wie ein Zoom: 1 oder Position: Relativ, das ich hinzufügen kann, um ihn zu beheben?), Ohne das HTML hier zu ändern, aber nur hinzuzufügen.

Wenn Sie das folgende HTML in IE8 anzeigen, wird der Text aus dem Feld SELECT (Kombination) zweimal angezeigt. Eine außerhalb der Kombination. Dies macht den Fluss meines Dokuments durcheinander (ganz zu schweigen von seltsam aussehen).

<html><body>
<div style="width: 800px;">
 <div style="float: right" >     
 </div> 
 <div style="display: none">
     ijklmno
 </div>
 <div style="float:left">
  <select>
   <option>abcdef</option>
  </select>
  <div style="float: right">
  </div>
 </div>
</div>
</body></html>
War es hilfreich?

Lösung

Dies ist definitiv ein Fehler, da Sie in den Layout -Stilregeln ziemlich explizit sind. Aber es ist auch ein wirklich seltsames Arrangement. Wenn Sie den versteckten Div abzahlen, Text hinzufügen oder die Div unter dem Auswahl ausblenden, verschwindet das Problem. Meine beste Vermutung ist, dass Sie, da Sie überlappende Elemente auf Blockebene mit einem versteckten und einem leeren haben, der Schwimmer ignoriert und versucht, sie übereinander zu passen, was die Option nach unten erzwingt, aber da der Auswahl an Ort und Stelle bleibt, bleibt sie an Ort und Stelle. Es wird auch die Option innerhalb des Auswählens angezeigt.

Sehr seltsam und ein sehr cooler Haken. Ihre Optionen, wie ich sie sehe, besteht darin, entweder Inhalte zum letzten Div (nicht bahnbrechender Raum) hinzuzufügen oder die DIV (Anzeige: keine) oder beides zu verbergen.

In Firefox ist dieser letzte Div auch nicht rechts und überlappt sich mit der Auswahl (Sie können erkennen, indem Sie Elemente auf Blockebene mit der Entwickler-Symbolleiste skizzieren), was mich der Annahme lässt, dass es bei Firefox nur besser beim Umgang überlappende Elemente von Blockebene handelt.

Wenn Sie die letzte Div für eine Grenze festlegen, werden Sie feststellen, dass sie nicht rechts von der Hauptdiv -DIV schwebt.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top