Udtrykke det

Havde dette mærkelige spørgsmål, hvor et stykke af Javascript virkede fint i alle browser ans som sædvanlig bar IE ... Simple det var, men da scriptet ikke var skrevet af mig, det tog lidt tid at fejlsøge dette "Objektet understøtter ikke denne egenskab eller metode" fejl, der kun IE var at kaste op. Sandsynligvis! Hvis jeg skulle skrive manuskriptet, ville jeg ikke have fået denne fejl overhovedet, som ikke blande mine variabelnavne med felt Ids :).

Problem: Objektet understøtter ikke denne egenskab eller metode (på linje 3)

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

Opløsning:
Fejlen er genereret på thirdrow i eksemplet ovenfor (Linje 3 ... "shortdesc = document.getE ...."). Jeg prøvede alle slags dumme ting, som I dont er endda værd nævne her, og til sidst gætte hvad! bare ændre shortdesc var til noget andet sluppet af fejlen. Dybest set! Variabelnavnet skulle forskellig fra fieldID

Da radio-knappen og teksten er inline, så teksten vil bringe sig i bunden af ​​radio knappen, vil teksten synes at være lidt under radioknappen.
Hvis du ønsker disse for at tilpasse til toppen, er du nødt til at placere radioen og teksten i separate beholdere som divs eller spænder over (efter behov), og de vil tage sig af justeringen. Det ville være nemmere at bruge tabelceller også af dit design kort tillader det.

Dette vil ikke se det samme i alle browsere, som alle browsere viser radioer lidt anderledes, så der altid kommer til at blive størrelse spørgsmål uanset hvad du gør.

Google starter en bevægelse tilskynde folk til at dumpe IE6 ... Ved aflytning IE6-brugere med en POPUP på side belastning ... måske ikke en meget god ide ... men er en UI udvikler, jeg er nødt til at slutte dette band vogn ... en mindre browser for mig bekymre sig om ... Beklager egoistisk er det! men jeg har medtage denne javascript ... (TRY DENNE SIDE i IE6) ...
Hey! og på den lysere note ... Se det er en visning af POWER af JavaScript .... Det kan endda nedlægge en kæmpe (eller når det var)

SÅ ... Hjælp befri verden for IE6 med en linje af javascript!

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

Med en anden browser til at tage sig fra i morgen! (IE8 kommer ud af sin Beta stat i morgen) ... Dens virkelig på høje tid, IE6 får sin længe på grund Mercy Død ... FN vi står for fald IE6

"IE6 er den nye Netscape 4. De hacks er nødvendige for at understøtte IE6 bliver i stigende grad betragtet som overskydende fragt. Ligesom Netscape 4 i 2000, IE6 opfattes til at holde tilbage på nettet. "

Jeff Zeldman, standarder guru

Og i mellemtiden for dem, der ligesom mig, der vil blive oversvømmet med opfordringer til at bryde CSS-layouts i IE8, er her den gamle arbejde omkring / løse ved hjælp af meta tags (meta http-ækvivalent = "X-UA-Compatible") kan du prøve ...

Vildledende opfører IE8: CSS layout brud (Målretning af en browser version ved at bruge meta-tags i IE8)

Hvis du er css person, ville du vide smerten i at få dine layout arbejder cross-browser. IE8 er endnu en kæp i hjulet for os udviklere. Anywaz! hvis du rammer ved dette problem, ligesom jeg gjorde i går, hvor din perfekt arbejde CSS i IE7 (og tidligere) og Firefox har pludselig begyndte at kaste tantrums i IE8, så prøv denne ... det pænt syntes at løse mine problemer i øjeblikket ....

Ved hjælp af Meta erklæring, kan vi specificere rendering engine vi gerne IE8 til at bruge. Så for at tvinge IE8 at gøre som IE7 ... Indsæt følgende metatag i hovedet af dit dokument: -

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

Som standard IE Meta ville være: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
som vil gøre IE8 gøre siden ved hjælp af nye standarder mode.

Hvis det er nødvendigt, kunne denne syntaks bruges til at rumme for andre browsere som nedenfor:

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

MERE Om DOCTYPES:

Hvis du endnu ikke kender til den slags dyr kaldes "doctype" ... her er nogle hurtig læst
Hvad er DOCTYPES? Hvad er BROWSER Quirks & Streng tilstand?
Indstilling af DOCTYPE i XSL

For en mere dybtgående forståelse DOCTYPES, kan du besøge disse links ...
A List Apart: Fix dit websted med højre DOCTYPE!
A List Apart: Beyond DOCTYPE: webstandarder, Fremad kompatibilitet og IE8

Bemærk: Selvom mange af os, HTML / CSS mennesker er blevet negligerer vigtigheden af ​​DOCTYPE decleration i vores dokumenter, Indstilling af højre DOCTYPE, er normalt svaret på de fleste cross browser spørgsmål.

I Firefox ... Nogle gange vil du måske har bemærket, at markøren begynder at blinke på skærmen. Det kan ske, når du klikker på et element på siden, en afdeling eller et billede osv. Dette blinkende markør i browservinduet er faktisk en handicappede-funktion i Firefox kaldes 'indsætningstegn browsing ". Denne funktion gør det muligt / giver brugerne mulighed for at markere tekst på siden med tastaturet (som vi normalt har tendens til at gøre med brugen af ​​vores mus).

Nå! hvis du donot ønsker denne funktion ... enkelt tryk "F7" for at skifte det til falsk og vice-versa (hvis du ønsker det ON). Du kan også skrive "about: config" i adresselinjen (type i "hat" i filter kassen) og blot dobbeltklikke på for at ændre indstillingen "accessibility.browsewithcaret" fra "sand" (drej indsætningstegn browser ON) til "false "(drej indsætningstegn browser OFF)

CSS til ikke-IE browsere: Dens ingen nyheder at CSS udviklere, at CSS Børne Selectors som eksemplet nedenfor, ikke synes at virke i IE.

f.eks div> span {nogle css}, der betyder "når et span element er et barn (og ikke et barnebarn eller stor barnebarn osv.) af en division element".

Men vi brugte denne CON til vores fordel. Historisk set har barnet vælgeren blevet anvendt til at skjule CSS kommandoer fra IE. Simpelthen ved at placere html>body foran en CSS kommando IE vil ignorere det:

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

Det virker, fordi <body> altid er et barn af <html> - det kan naturligvis aldrig være et barnebarn eller oldebarn af <html> .

Nu hvor IE 7 forstår barnet selector, skal du indsætte en tom kommentar tag i umiddelbart efter større end tegnet IE 7 vil ikke forstå denne vælgeren (hvem ved hvorfor!?) Og vil derfor helt ignorere denne CSS kommando.:

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

Hvis der ikke allerede har set dem før, har læst gennem følgende samt

• Betingede Bemærkninger: For din IES Kun-Part Duex
• CSS hack: Javascript, CSS, HTML for kun Firefox
• For din IES Kun

Som sædvanlig. En af de mange nogle mærkelige problemer med IE, og det må man rangerer i top 10 i IE Quirks

PROBLEM ERKLÆRING (Dette var mit problem, måske du har lignende dårlig opførsel):
Jeg har mange DIV er på siden med klassen "sectionhead", der er intet, men titlen på en sektion på siden. Så jeg har nogle stil ser ud som denne

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

Det div er en lys grå bar med noget sort tekst. Hvad der sker i IE er nogle af disse sektionsoverskrifter vises ok, men nogle er usynlige, indtil du rulle siden eller klik noget på siden osv. Engang de har tendens til at forsvinde, når du klikker på 'alt', når du side ned eller rulle med scroll-bar. De tider synes at igen, når du genindlæse (F5) på siden. Jeg kort ganske enkelt DIV med nogle enkle stil opfører BAD.
Hvad kunne skabe en sådan en uberegnelig adfærd? Nå! Helt ærligt, NO IDEA!

MULIG LØSNING:
Igen spørg mig ikke hvorfor, men i mange tilfælde dette problem tendens til at forsvinde, når du tilføjer position: i forhold til mis opfører elementer stil, som dette

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

Weird, men hvad jeg skal sige? Gud velsigne mig fra IE!

OG deler med USA, hvis du havde lignende problemer.

Mange gange vi føler behov for at skrive browser specfic hacks (selvom det ikke er en god praksis, vi UI udviklere er nødt til at ty til sådanne onder, indtil de store browsere Wars kommer til en våbenhvile). Tidligere havde jeg nævnt i denne artikel for din IES Kun , hvordan man skriver en CSS snippet, der ville være synlig for IE browsere <IE7 kun.

I går havde jeg en sag, hvor jeg ønskede at skrive nogle FireFox specifik CSS snippets. Nå! Jeg er ikke sikker på, hvis der er en CSS kode for dette, men der er en HTML. Der er en fangst dog dette stykke HTML doesnot pass HTML validering. Men, anywaz! Hvis du sidder fast dårligt eller som sådan, har ingen forbindelse til validering (engang vi nødt til at være grusom), kan du bruge følgende til at erklære et link til en FF kun stylesheet eller bare kode CSS inden for denne blok. Koden er

<comment> Sæt din FireFox kun HTML / CSS / Scripts her </ comment>

fx
<comment>
<style>
/ * Styles til FF kun * /
fieldset {border: 1px solid # dddddd;}
</ Style>
</ Comment>

I "m glad for øjeblikket ...

Nå ja! I tidligere indlæg et par dage tilbage for Opacitet i IE8, jeg glemte at nævne et vigtigt punkt, at "IE 8 streng tilstand ikke giver mulighed for CSS uigennemsigtighed".
For dem, der donot forstår, hvad jeg mener med streng tilstand, her er hurtig tutorial .

Et værk omkring dette (Før IE dev team indse, at de har banet vejen for re-arbejdsrutiner over hele verden, for web-sites bruger pop-up lightboxer med nogle opacitet, og sat tilbage støtte til opacitet) er at bruge en semi gennemsigtigt billede ... helst i PNG-format (jeg har haft dårlig oplevelse at få gennemsigtige GIF-billeder til at arbejde som de skulle). Opret en PNG billede af farven og procentdelen af ​​gennemsigtighed du kan lide, i jer foretrukne billedredigeringsprogram og bruge det som baggrundsbillede til din lightbox overlay.

dvs
I stedet for at noget som dette

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

Gør dette ....

. Lighbox_overlay {
baggrund: url (bkg.png) repeat;
}

At prøve det, KLIK HER! | AT DOWNLOADE, KLIK HER!