IE9 CSS float:right Bug?

Hier sind meine styles:

Übergeordneten container:

div.musicContainer {
        width:820px;
        height:54px;
        margin-bottom:20px;
}

Untergeordneten Container:

div.hardcorePlayer {
    width:400px;
    float:left;
    border:none;
    background-color:#996600;
}

div.feedbackPlayer {
    width:340px;
    float:right;
    border:none;
    background-color:#996600;
}

Das Problem ist: ich installierte IE9 gestern und beim IE8 war die Anzeige fine nun die feedbackPlayer div ist nicht gesäumt, bis an den rechten Rand nicht mehr. es zeigt feine in anderen Browsern vor.

ist das ein IE9 bug?

IE9 Bild:

IE9 CSS float:right Bug?

anderen browser Bild:

IE9 CSS float:right Bug?

danke dir sehr für deine Gedanken dazu auf.

website-url: www.guygar.com/guygar.html

HINWEIS: hier ist die neue CSS mit der reset-Daten. Habe ich etwas falsch gemacht?

FYI, Ihre flash-Objekte werden nicht zeigen, bis überhaupt im IE.
Hi Thomas, ich denke, es könnte die Art und Weise Sie Ihre IE-setup. Die flash-Objekte arbeiten gut auf mein Ende.
Warum wickeln Sie nahezu jedes element in einem einzigen div-Element? Die Art und Weise Sie cursor: scheint suboptimal als gut.
ich bin neu in diesem. erläutern Sie bitte Ihren Standpunkt weiter, so könnte ich verstehen, das Problem. danke.
Zum Beispiel, Sie haben (nahezu?) alle Bilder, eingehüllt in eine <div>. Sie scheinen nicht nötig zu sein. Sie können CSS verwenden, um die position (etc) Bilder genauso gut, wie divs. Es gibt keine Notwendigkeit für zusätzliche markup, es sei denn, Sie wollen etwas besonderes zu tun.
ich sehe, was du meinst. ich habe Sie, damit ich Sie füllen kann das div auch mit anderen Inhalten in der Zukunft, wenn nötig.
Vielleicht haben Sie das Problem schon, weil es Linien bis bei mir im IE9.
Es reiht sich an Vergrößerung 375% oder oben in IE9? Mit IE8 wieder so pls lassen Sie mich wissen, werde ich installieren IE9 und zu überprüfen.
Diese funktioniert bei mir im IE 9... überprüfen Sie Ihre browser-Kompatibilität Einstellungen.

InformationsquelleAutor iTEgg | 2011-06-16

css html internet-explorer-9

0

Konnte ich nicht finden, ein css-reset verwendet wird, auf die Website, die Sie zur Verfügung gestellt. Es kann nur ein Unterschied, wie IE9 zeigt verschiedene Elemente (Ränder, Polsterung, etc). Ich habe versucht, aus den bereitgestellten website in IE9 und hat nicht das problem sehen, so ist es ein bisschen schwierig zu diagnostizieren, obwohl.
- was meinst du mit CSS-reset? Haben Sie schnappen Sie sich einen screenshot an und vergleichen Sie es in Photoshop? Es ist 1-pixel-out-insgesamt also das problem ist nicht erkennbar, aus normaler Sicht. Danke.
- Jeder browser hat gewisse default-Werte für die CSS-Einstellungen auf verschiedene Elemente. Leider, diese default-Werte variieren von browser zu browser. Um mehr wahrscheinlich die gleichen Ergebnisse in verschiedenen browser, verwenden Sie die "reset" - Datei, um alle diese unterschiedliche Standardwerte für einen konsistenten Wert.
- Dank phant0m! Ein CSS-reset ist sehr nützlich in vielen Fällen. Ich sehe, dass es nicht ganz dein problem lösen, obwohl. Ich habe versucht, ihn wieder zu sehen und das problem scheint nur zu zeigen, bis um 375% oder mehr zoom. Meine Vermutung ist, dass es hat etwas zu tun mit der ein-Prozent-Berechnung "hinter den kulissen" im IE9-code. Ich sage dies, weil mit Prozenten kann oft Ergebnis in eine Dezimalzahl, das ist in der Regel einfach abgeschnitten (2.95 werden kann 2). Die Koordinaten der pixel auf einem Bildschirm dargestellt werden kann durch einen dezimal-Wert, so dass manchmal Bilder um ein pixel nach Links oder rechts, wo man erwarten könnte.
InformationsquelleAutor BDawg
1

Vielleicht sollten Sie versuchen, zurücksetzen der css so, dass alle Browser starten mit den gleichen Vorgaben (wie padding, margin ect.)

Finden Sie ein css-reset und mehr Informationen hier: http://meyerweb.com/eric/tools/css/reset/

Bearbeiten:
Verwandte Frage: https://stackoverflow.com/questions/116754/best-css-reset
- ich habe versucht, das zurücksetzen in den link, aber die situation hat sich nicht geändert. ich habe gerade kopiert und eingefügt, die Daten zurücksetzen an der Spitze der CSS-Datei, aber vielleicht muss ich do somehting else auch? das lustige an der Sache ist, macht es perfekt in IE8 so ich bin verwirrt, warum IE9 Probleme verursacht. es führt mich zu glauben, dass MS hat sich etwas verändert und das ist, warum es ist gerendert.
- haben Sie versucht, den ie8-Kompatibilitätsmodus?
- ja, ich habe versucht, dass auf IE9 aber noch kam gleich aussieht.
InformationsquelleAutor daniel.herken
1

Diese Linie ist in flash.

Ändern body einen weißen hintergrund, und .musicContainer zu red. Sie werden sehen, dass html nicht zu Versagen. Meiner Meinung nach ist es ein Blitz, wie Fehler.

Versuchen Zoomen in FF ( getestet habe ich in 5.0) auf wenige zoomt es ist auch die gleiche Lücke.
- ich habe versucht, in das Zoomen in FF5 und es gab keine Lücke.
- Ich habe es auf etwas zoomt.
- sehr seltsam, ich danke Ihnen für Ihre Erwähnung.
InformationsquelleAutor lord_t
0

Ich bin mit diesem Ansatz für meine websites, die ich erstellt vor IE9.
```
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
```
Lass es sein das erste meta-tag im Kopf-tag und IE9 handeln so, wie es war, IE8, hoffentlich in der gleichen Art und Weise.

Es löste alle meine Probleme in alle meine Webseiten bis jetzt.

Genießen
- oh Gott Nein. Bitte! Beim IE9 entlang kam, es war so eine Erleichterung zu bekommen, eine version des IE, die halb anständig... warum sind Sie lähmt es durch und zwingt es in busted-IE8-Kompatibilitäts-Modus??? Es ist wie der Kauf eines Ferarri aber das ersetzen der Motor mit einem von einem Volkswagen, weil die Ersatzteile billiger sind.
- Ursache sind fast alle meine Webseiten sind jetzt inkompatibel, sowohl für CSS-und jQuery-plugins, die IE rendert falsch... IE Schuld, nicht mir. Ich kann einfach nicht zurück gehen, um alle meine Webseiten und versuchen zu reparieren, was falsch ist, eins nach dem anderen, nur weil der IE 9 sich weigert korrekt zu funktionieren. Mit dieser funktioniert alles ok, dann für neue websites werde ich natürlich machen Sie voll kompatibel mit dem IE auch. Also ich verstehe nicht, was das sein sollte, so falsch...
- fair genug für bestimmte Fälle, aber ich sicherlich würde nicht empfehlen, diesen Ansatz für den Allgemeinen Gebrauch, es sei denn alle anderen Möglichkeiten ausgeschöpft sind. Aber wenn Ihre Website funktioniert im IE8, aber nicht im IE9, wie sieht es denn bei anderen Browsern? IE9 ist viel besser auf folgende standards als IE8, so dass, wenn IE9 bricht Ihrer Website, die Chancen sind Sie ' ll break in anderen Browsern auch.
- Sie arbeiten perfekt in allen gängigen Browsern gibt... leider IE9 ist weit von einem guten browser bereits. Ich möchte wiederholen, was ich gesagt habe in meiner Antwort oben: das ist der Ansatz, den ich bin für websites erstellt, bevor IE9 war. Keine Notwendigkeit für diese, wenn Sie testen Sie Ihre Webseiten Entwicklung im Voraus auf IE9 zu.
InformationsquelleAutor Jose Faeti
0

Hängt es mit flash nachzuziehen. Es verhält sich im ie8. Versuchen Sie, ändern der Größe des browser-Fenster-Breite, und Sie werden sehen, dass es nicht korrekt aktualisiert.

Warum versuchst du nicht einen html5-player wie http://www.jplayer.org/ statt?

InformationsquelleAutor jontro
-1

Vielleicht versuchen Sie es mit js überprüfen Sie den browser und ändern Sie die Größe oder position mit js in einer if-Anweisung.

w3 schools hat ein nettes tutorial auf der browser-überprüfung.

http://www.w3schools.com/js/js_browser.asp
- Möglichkeiten, um dieses Problem aus?" klingt es mir
- ist das ein IE9 bug? sorry ich meinte, Sie zu nehmen, den anderen Teil aus. 🙂
- Jungs bitte nicht verwenden w3schools-Website als maßgebliche Quelle. Bitte. Ich meine, BITTE. NEIN! Warum? Hier ist der Grund, warum w3fools.com
- Und das ist SCHLECHT tutorial für browser überprüfen. Ernst. Lesen Sie developer.mozilla.org/en/... statt.
InformationsquelleAutor banjokaboom

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.