max-Breite wählen Sie im-tag funktioniert nicht im IE

habe ich ein select-tag,...
wie diese,..

<select style="max-width:150px"> 
     <option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
     ...... 
</select>

es funktioniert in FF,.. aber nicht ie,.. als ich ändere max-Breite mit der Breite style="width:150px"

es funktioniert in beiden,.. aber,..

im ie... der text ist abgeschnitten

jemand kann mir helfen?
was mache ich falsch?
gibt es einen besseren Weg, um es zu beheben?

sorry, wenn mein Englisch schlecht 🙁

InformationsquelleAutor Egy Mohammad Erdin | 2010-12-15
  1. 6

    Hier ist ein Artikel, der erklären kann, warum max-width funktioniert nicht in der version des IE du verwendest:

    max-width in Internet Explorer

    Zeigt ein Beispiel, wie man simulieren, max-width im IE mit CSS-expressions:

    <html>
<style>
body {
width:100%;
margin:0;
padding:0;}

p {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}
</style>
<body>
<p>
[a lot of text]
</p>
</body>
</html>

    Haftungsausschluss: Ich bin kein fan von CSS-expressions, aber dies sollte funktionieren, sowieso.

    • Nur ein heads-up; Ihre max-width-link funktioniert nicht mehr.
    InformationsquelleAutor Andy West
  2. 2

    Das jQuery-plugin behebt das problem, dass du beschreibst.

    Einstellung " Feste Breite von select-element im Internet Explorer [6/7/8]
    wird dazu führen, dass alle die Optionen auswählen, die breiter sind als das wählen ist
    set Breite zugeschnitten werden.

    Anwendung dieses plugin macht das select-element in Internet Explorer
    zu funktionieren scheinen, wie es in [moderne Browser].

    • Wer fragt, für jQuery hier? 😉
    • Wenn es möglich war, dies zu beheben, ohne JavaScript, dann warum würde die oben jQuery-plugin vorhanden? Die akzeptierte Antwort auch verwendet JavaScript (Eine CSS-expression, das ist schlecht und sollte ersetzt werden mit JavaScript!!). Wenn Sie mit JavaScript im geringsten Sie könnte genauso gut sein, mit einer Bibliothek wie jQuery. Wenn Sie gefunden haben, eine Reine CSS Lösung für dieses problem, dann bitte teilen Sie es, und Ihre downvote gerechtfertigt ist. Andernfalls bist du downvoting eine gültige Lösung für dieses problem ohne Grund.
    • Schauen Sie sich auch mal die Frage in den Kommentaren verlinkt: stackoverflow.com/questions/73960/dropdownlist-width-in-ie. Überraschung, überraschung es ist voll von JavaScript/jQuery-fixes.
    • Lassen Sie mich erklären, mein downvote. Der Grund, warum ich es Tat, war, weil im konkreten Fall kein jQuery gefragt wurde. Andy West vorgeschlagen, eine Lösung mit JavaScript durch CSS Ausdrücken. Und das ist, wo der große Unterschied ist: ist JavaScript, nicht jQuery. Bitte beachten Sie, dass nicht jede Webseite auf diesem Planeten ist mit dieser Bibliothek. 😉 (Fortsetzung im nächsten Kommentar)
    • (Fortsetzung von vorheriger Kommentar), Wenn eine Lösung mit reinem JavaScript ist okay, dann kein jQuery benötigt. Ich bin immer ein wenig müde von der jeder denkt, dass jQuery enthält/ist die Lösung für alles, in das Ende jQuery ist nichts anderes als eine große, aber auch große, in der Bibliothek zu lösen, cross-browser-Probleme mit Bezug auf JavaScript. Also, warum eine gesamte jQuery-Bibliothek, die nur für dieses Update? Das ist mein Punkt. 🙂 Ich werde upvote dein post wieder (wenn ich kann), weil ich Ihre Bemühungen zu schätzen wissen, in einem denken, aber ich glaube einfach nicht, dass jQuery sollte die Lösung sein, einfach alles.
    InformationsquelleAutor thirtydot
Schreibe einen Kommentar