Ausdruck ihrer IT-

Hatte diese seltsame Frage, wo ein Stück Javascript in all den Browser wie gewohnt ans bar IE funktionierte gut Einfache ... es war, aber da das Skript wurde nicht von mir geschrieben, dauerte es eine Weile, um dieses "Objekt unterstützt diese Eigenschaft oder Methode" Fehler, dass nur IE kotzte debuggen. Wahrscheinlich! Wenn ich das Script zu schreiben wäre, würde ich nicht habe diesen Fehler überhaupt, wie nicht mischen meine Variablennamen mit Feld-IDs :).

Problem: Das Objekt unterstützt diese Eigenschaft oder Methode (auf Linie 3)

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Lösung:
Der Fehler wird auf der thirdrow im obigen Beispiel (Linie 3 ... "shortdesc = document.getE ....") erzeugt. Ich habe versucht, alle Art von dummen Dinge, dass ich nicht einmal wert, ist die Erwähnung hier und schließlich guess what! nur die Änderung der shortdesc var, etwas anderes zu losgeworden den Fehler. Grundsätzlich! Der Name der Variablen musste sich von der FieldID

Da der Radio-Button und der Text inline sind, so wird der Text selbst auf dem Boden des Radio-Button ausrichten, wird der Text angezeigt, der leicht unter dem Radio-Button sein.
Wenn Sie diese an die Spitze ausrichten möchten, müssen Sie, um das Radio und den Text in getrennten Behältern wie divs oder Spannweiten (gegebenenfalls) zu platzieren und sie kümmert sich um die Ausrichtung zu nehmen. Es wäre einfacher zu Tabellenzellen zu verwenden, von Designvorgaben es zulässt.

Das wird nicht gleich aussehen in jedem Browser, da jeder Browser zeigt Radios etwas anders, so dass es immer los ist, um Größen-Fragen sein, egal was du tust.

Google startet eine Bewegung Menschen veranlasst, dumpen IE6 ... Mit dem IE6 nervt Anwender mit einem Popup beim Laden der Seite ... kann nicht eine sehr gute Idee ... aber als UI-Entwickler, muss ich diese Band Zug aufzuspringen ... ein kleiner Browser für mich keine Sorgen über Es tut uns leid ... es ist egoistisch! aber ich habe auch diesen javascript ... (TRY THIS PAGE IN IE6) ...
Hey! und auf der helleren Note ... Siehe es ist eine Darstellung der Macht von JavaScript .... es kann sogar bringen einen Riesen (oder es war einmal)

SO ... Hilfe aus der Welt schaffen IE6 mit einer Zeile Javascript!

http://code.google.com/p/sevenup/

Mit einem anderen Browser, um Pflege von morgen zu nehmen! (IE8 kommt aus seiner Beta Staat morgen) ... Es ist wirklich höchste Zeit, IE6 ist die lange Aufgrund Gnadentod gegeben ... United we stand für den Fall des IE6

"IE6 ist der neue Netscape 4. Die Hacks erforderlich, um IE6 zu unterstützen, werden zunehmend als überschüssige Fracht angesehen. Wie Netscape 4 im Jahr 2000, wird IE6 wahrgenommen werden Zurückhalten des Web. "

Jeff Zeldman, Normen-Guru

Und in der Zwischenzeit für diejenigen wie mich, die mit Anrufen zu brechen CSS-Layouts in IE8 geflutet werden, hier ist die alte Arbeit rund / fix mit Meta-Tags (meta http-equiv = "X-UA-Compatible") können Sie versuchen, ...

Mis-verhalten IE8: CSS-Layout-Bruch (Ausrichtung auf eine Browser-Version mit Meta-Tags in IE8)

Wenn Sie CSS Person sind, würden Sie kennen den Schmerz bei der Ihre Layouts arbeiten Cross-Browser. IE8 ist noch ein weiterer Strich durch die Rechnung für uns Entwickler. Anywaz! Wenn Sie auf diese Frage getroffen, wie ich gestern, wo Ihr perfekt funktioniert in IE7 CSS (und früher) und Firefox plötzlich begonnen hat, werfen Wutanfälle in IE8 haben, versuchen Sie dies ... Es schien zu schön meine Probleme für den Moment fixieren ....

Mit META-Deklaration, können wir den Rendering-Engine möchten wir IE8 verwenden möchten. So zwingen IE8 als IE7 machen ... Legen Sie die folgenden Meta-Tag in den Kopf des Dokuments: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Standardmäßig IE Meta wäre: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
was machen würde IE8 machen die Seite mit der neuen Standards-Modus.

Falls erforderlich, könnten diese Syntax verwendet werden, um für andere Browser wie unten unterbringen werden:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

MEHR Über DOCTYPEs:

Wenn Sie noch nicht vertraut mit der Art von Lebewesen, genannt "Doctype" sind ... hier ist etwas schnell gelesen
Was sind DOCTYPEs? Was sind Browser Tücken u. strenger Modus?
Einstellen der DOCTYPE in XSL

Für ein tieferes Verständnis über DOCTYPEs, besuchen Sie diese Links ...
A List Apart: Befestigen Sie Ihre Website mit den richtigen DOCTYPE!
A List Apart: Beyond DOCTYPE: Web Standards, Forward Compatibility, und IE8

Hinweis: Obwohl viele von uns HTML / CSS Menschen wurden vernachlässigt die Bedeutung der DOCTYPE Decleration in unseren Unterlagen, Festlegen des richtigen DOCTYPE, ist in der Regel die Antwort auf die meisten Cross-Browser-Probleme.

In Firefox ... Manchmal muss man vielleicht bemerkt, dass der Cursor blinkt auf dem Bildschirm beginnt zu haben. Es kann passieren, wenn Sie auf ein beliebiges Element auf der Seite, einer Abteilung oder eines Bildes usw. Diese blinkenden Cursor in das Browser-Fenster ist eigentlich ein ZUGÄNGLICHKEIT Funktion von Firefox namens "Caret Browsing". Diese Funktion erlaubt / ermöglicht es Benutzern, Text auf der Seite wählen Sie mit der Tastatur (die wir normalerweise eher mit der Nutzung unserer Maus zu tun).

Na ja! Wenn Sie diese Funktion donot wollen ... einfach drücken "F7", um es auf false und umgekehrt zu wechseln (wenn Sie es wollen ON). Man könnte auch "about: config" in die Adressleiste ein (geben Sie in "Caret" im Feld Filter) und doppelklicken Sie einfach auf die Option "accessibility.browsewithcaret" von "true" (schalten Sie Caret Browsing ON) auf "false ändern »(drehen Caret Browsing OFF)

CSS für Nicht-IE-Browsern: Sein keine Neuigkeiten zu CSS-Entwickler,-, CSS-Selektoren Kind wie im folgenden Beispiel, scheint nicht im IE funktionieren.

zB div> span {} einige CSS, das bedeutet ", wenn ein span-Element ein Kind (und nicht ein Enkel oder Urenkel Kind etc.) einer Division Element ist".

Aber wir nutzten diese CON zu unserem Vorteil. Historisch gesehen hat die Kind-Selektor verwendet worden, um CSS-Befehle von IE zu verstecken. Einfach, indem html>body vor jedem Befehl CSS IE ignoriert es:

html>body .foo { CSS commands go here ;}

Das funktioniert, weil <body> ist immer ein Kind von <html> - es kann natürlich nie ein Enkel oder Urenkel sein <html> .

Nun, da der IE 7 das Kind Wähler versteht, müssen Sie einen leeren Kommentar-Tag in direkte Einfügen nach dem Größer-Zeichen IE 7 wird dann nicht verstehen, diese Wähler (wer weiß warum!?) Und wird deshalb völlig ignorieren Sie diese CSS-Befehl.:

html> /**/ body .foo { CSS commands go here ;}

Wenn nicht bereits gesehen haben, bevor diese, haben eine Lese durch die folgenden ebenso

• Conditional Comments: Für Ihre IEs Nur-Teil Duex
• CSS-Hack: Javascript, CSS, HTML nur für Firefox
• Für Ihre IEs Nur

Wie üblich, eine der vielen einige seltsame Probleme mit IE und dies muss man in Reihen TOP 10 der IE Macken.

Problembereich (Das war mein Problem, vielleicht haben Sie ähnliches Fehlverhalten):
Ich habe viele DIV ist in der Seite mit Klasse "sectionhead", was nichts anderes als Titel einer Sektion auf der Seite ist. So habe ich einige Stil so aussieht

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}

Das div ist ein leichter grauer Balken mit etwas schwarzem Text. Was passiert im IE ist einige dieser Abschnittsüberschriften ok angezeigt, aber manche sind unsichtbar, bis Sie die Seite klicken oder scrollen Sie etwas auf der Seite usw. Irgendwann neigen sie dazu, zu verschwinden, wenn Sie die "Alt"-Taste klicken, wenn Sie Seite nach unten oder mit der Scroll-Leiste scrollen. Sie scheinen manchmal wieder, wenn Sie (F5) die Seite neu laden. Ich kurz eine ganz einfache DIV mit einigen einfachen Stil verhält BAD.
Was könnte die Ursache eine so unberechenbares Verhalten? Na ja! Ehrlich gesagt, keine Ahnung!

MÖGLICHE LÖSUNG:
Wieder fragt mich nicht warum, aber in vielen Fällen das Problem eher verschwinden, wenn Sie Position hinzufügen: bezogen auf die MIS verhalten Elemente Stil, wie diese

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; position: relative}

Seltsam, aber was ich sagen soll? Gott segne mich von IE!

AKTIE UND TUN SIE MIT UNS, wenn Sie ähnliche Probleme hatte.

Viele Male haben wir das Bedürfnis verspüren, Browser specfic Hacks zu schreiben (obwohl es nicht eine gute Praxis, wir UI-Entwickler, um solche Übel, bis der große Krieg der Browser zurückgreifen müssen kommt zu einem Waffenstillstand). Zuvor hatte ich in diesem Artikel erwähnten Für Ihre IEs nur , wie man einen CSS-Schnipsel, die sichtbar sein, um IE-Browser würde <IE7 nur zu schreiben.

Gestern hatte ich einen Fall, wo ich wollte etwas FireFox bestimmte CSS-Schnipsel zu schreiben. Na ja! Ich bin nicht sicher ob es eine CSS-Code für diese aber es gibt eine HTML. Es gibt jedoch einen Haken, dieses Stück HTML doesnot Pass HTML-Validierung. Aber, anywaz! Wenn Sie schlecht oder als solche stecken, haben keinen Bezug zur Validierung-(irgendwann müssen wir grausam sein), könnten Sie die folgenden, um einen Link zu einem FF-Stylesheet nur erklären oder auch nur Code der CSS innerhalb dieses Blocks. Der Code ist

Setzen Sie Ihre <comment> FireFox nur HTML / CSS / Scripts hier </ Kommentar>

zB
<comment>
<style>
/ * Styles für FF nur * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Kommentar>

I "m froh für den Moment ...

Oh Well! In der früheren Post ein paar Tage zurück in Bezug auf Deckkraft in IE8, ich vergaß einen wichtigen Punkt, dass "IE 8 strikten Modus nicht für CSS Opazität erlauben" zu erwähnen.
Für diejenigen, die verstehen, was ich von der Strict-Modus bedeutet nicht mehr parat, hier ist schnelles Tutorial .

Eine Arbeit um zu diesem (Vor IE Entwickler-Team erkennen, dass sie gepflasterten Weg haben zur Wiederwahl Arbeitsabläufe in der ganzen Welt, für die Web-Seiten mit Pop-up-Leuchtkästen mit einer gewissen Undurchsichtigkeit, und wieder Unterstützung für die Opazität) ist der Einsatz eines halb transparentes Bild ... vorzugsweise im PNG-Format (ich habe schon schlechte Erfahrungen immer transparente GIF-Bilder zu arbeiten, wie sie sollten). Erstellen Sie ein PNG-Bild von der Farbe und der Prozentsatz der Transparenz Sie so wollen, in Ihre Lieblingsbeschäftigung Bild-Editor und verwenden Sie es als Hintergrundbild für Ihren Leuchtkasten Overlay.

dh
Anstatt so etwas wie dieses

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
Opazität: 0,60;
filter: alpha (opacity = 60);
}

Tun Sie dies ....

. Lighbox_overlay {
background: url (bkg.png) wiederholen;
}

, Es zu versuchen, KLICKEN SIE HIER! | ZUM HERUNTERLADEN HIER KLICKEN!