2011 18 Febbraio 2011
Avuto questo problema strano, in cui un pezzo di Javascript ha funzionato bene in tutte le ans del browser, come IE solito bar 
Semplice ... è stato, ma dato che lo script non è stato scritto da me, ci sono voluti un po 'per eseguire il debug di questo errore "oggetto non supporta questa proprietà o metodo" che solo IE è stato vomitare. Probabilmente! Se dovessi scrivere la sceneggiatura, non avrei ottenuto questo errore affatto, come non si mischiano i miei nomi di variabile con il campo Ids :).
Problema: oggetto non supporta questa proprietà o metodo (on line 3)
function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... }
Soluzione:
L'errore viene generato sul thirdrow nell'esempio di cui sopra (linea 3 ... "ShortDesc = document.getE ...."). Ho provato ogni sorta di cose stupide, che io non vale neanche la menzione qui e, infine, indovinate un po '! semplicemente cambiando la var ShortDesc a qualcos'altro sbarazzato dell'errore. Fondamentalmente! Il nome della variabile è stato diverso da quello fieldID
1 commento | tags: Correzioni IE | posted in Quirks browser , JavasScript
2009 7 novembre 2009
Tempo e di nuovo, quando tutti gli altri browser visto comportarsi come detto dalle norme w3c, spirali IE fuori dello spirito sviluppo gettando un capriccio, che non sembra avere una correzione. Solo uno così è questo problema in IE7.
Problema Dichiarazione:
Mi e quindi potrebbero molti degli altri sviluppatori web gravi hanno notato più di molte volte, che quando ci annidati galleggia nel layout, al passaggio del mouse su alcuni link (tag di ancoraggio), il contenitore contenente sembra spostare qualche pixel a destra . Ho cercato di soluzioni Google per questo problema, ma non sono quasi mai trovato una risposta ragionevole perché e quando si verifica (che potrebbe aiutare a prevenire questo problema accada), quindi non ho mai trovato una soluzione chiara al problema sia ...
Soluzione possibile:
Fuori di esperienza, ho cento avviso il 90% del tempo cioè, che questo problema è stato risolto con l'aggiunta di una proprietà zoom nella definizione CSS della mis-contenitore di comportarsi ...
# {Somediv
zoom: 1;
}
ancora una volta le ragioni sono ambigui ... provate questo ...
Alcuni elementi di IE hanno una proprietà "hasLayout", che è "vero" per impostazione predefinita. Molti comportamenti visivi CSS, per esempio: un filtro alpha funziona solo su un elemento che hasLayout. e il {Zoom: 1} sembra dare gli elementi di destinazione della proprietà hasLayout .... Utile? Non penso così ...
La proprietà sembra zoom è anche supportato da Chrome, ma il suo utilizzo a furia sembra fare molto effetto negativo sul mio plastico ... provarlo, se funziona per voi ... se ciò non avviene, segnalibro a questa pagina sotto la voce "craps CSS"
2 commenti | tags: correzioni di IE , i Problemi IE e IE7 | posted in CSS
2008 10 ottobre 2008
CSS per i browser diversi da IE: il suo non c'è nessuna notizia per gli sviluppatori CSS, selettori CSS per bambini, come nell'esempio qui sotto, non sembrano funzionare in IE.
ad esempio div> span {} qualche css, che significa "quando un elemento span è un bambino (e non un nipote o grande nipote, ecc) di un elemento di divisione".
Ma abbiamo usato questa CON a nostro vantaggio. Storicamente, il selettore bambino è stato utilizzato per nascondere i comandi CSS di IE. Semplicemente inserendo html>body di fronte a qualsiasi comando CSS IE lo ignora:
html>body .foo { CSS commands go here ;}
Il sistema funziona perché <body> è sempre un figlio di <html> - può naturalmente essere mai un nipote o pronipote di <html> .
Ora che IE 7 comprende il selettore di figlio, è necessario inserire un tag vuoto nel commento subito dopo il segno di maggiore IE 7, allora, non capire questo selettore (chissà perché?) E pertanto ignorano totalmente questo comando CSS.:
html> /**/ body .foo { CSS commands go here ;}
Se non hanno già visto questi in precedenza, hanno una lettura attraverso le seguenti e
non ci sono commenti | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE | posted in Quirks Browser e CSS
2008 4 OTTOBRE 2008
Come al solito, uno dei tanti alcuni strani problemi con IE e questo si deve ranghi nella TOP 10 di stranezze di IE.
PROBLEMA ECONOMICO (Questo era il mio problema, forse hai misbehaviors simili):
Ho molte persone DIV nella pagina con la classe "sectionhead", che non è altro che il titolo di una sezione della pagina. Così ho un certo stile, cercando in questo modo
. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}
Il div è una barra grigio chiaro con un testo nero. Cosa succede in IE è alcune di queste intestazioni di sezione sono visualizzati ok, ma alcuni sono invisibili, FINO, scorrere la pagina o cliccare qualcosa sulla pagina, ecc Qualche tendono a scomparire quando si fa clic sul tasto 'alt' quando pagina verso il basso o scorrere con la barra di scorrimento. A volte sembrano riapparire quando si ricarica (f5) la pagina. Ho insomma un DIV estremamente semplice con un po 'stile semplice si comporta BAD.
Che cosa potrebbe causare un tale comportamento irregolare? Bene! Francamente, NO IDEA!
SOLUZIONE POSSIBILE:
Anche in questo caso non chiedetemi perché, ma in molti casi questo problema tende a svanire quando si aggiunge position: relative alla mis comportarsi stile di elementi, come questo
. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; position: relative}
Strano, ma cosa dire? Dio mi benedica da IE!
E FARE SHARE CON NOI, SE avuto problemi simili.
non ci sono commenti | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE | posted in Quirks Browser , i CSS e HTML
2008 15 luglio 2008
Oh Well! Nel precedente messaggio qualche giorno fa per quanto riguarda l'opacità in IE8, ho dimenticato di menzionare un punto importante che "IE 8 strict mode non permette di CSS opacità".
Per coloro che donot capire cosa voglio dire con modalità rigorosa, ecco breve tutorial .
Un lavoro intorno a questa (Prima team IE dev rendono conto che hanno via lastricata di una nuova routine di lavoro in tutto il mondo, per i siti web che utilizzano Pop-up lightboxes con qualche opacità, e rimettere il supporto per opacità) è di usare un semi un'immagine trasparente ... preferibilmente in formato PNG (ho avuto un'esperienza negativa ottenere immagini GIF trasparenti per lavorare come avrebbero dovuto). Creare un'immagine PNG del colore e la percentuale di trasparenza che ti piace, in voi editor di immagini e usarla come immagine di sfondo per il vostro overlay lightbox.
vale a dire
Invece di qualcosa di simile
. Lighbox_overlay {
background-color: # FFFFFF;
z-index: 1001;
-Moz-opacity: 0.6;
opacità: 0,60;
filter: alpha (opacity = 60);
}
Fate questo ....
. Lighbox_overlay {
background: url (bkg.png) repeat;
}
Per provarlo, CLICCA QUI! | Per scaricarlo, clicca QUI!
non ci sono commenti | tags: bug di IE , le correzioni di IE , i Problemi IE e IE8 | posted in Quirks Browser , CSS
2008 20 giugno 2008
Se avete mai fatto (o fare uno) un menu verticale con voci di elenco (LI) e tag CSS, è possibile incontrare, questo ennesimo bug in Internet Explorer, dove IE 6 inserti in questi spazi vuoti tra gli elementi dell'elenco che contengono elementi a livello di blocco, vale a dire se c'è qualche spazio bianco tra le voci di elenco nel markup. Grazie, ma no grazie, la versione IE 7 sembra esente da questo bug.
Se, come me, e molti altri, tu appartieni a questa fascia di sviluppatori frustrati, che ancora devono ottenere i loro nuovi layout, lavorando anche in IE6, allora questo potrebbe rivelarsi utile. Dai un'occhiata ...
Esempio di markup:
<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> Chi </ a> </ li>
<li> <a href="#"> Servizi </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Contatti </ a> </ li>
</ Ul>
Si potrebbe creare qualche CSS, simile a quello riportato di seguito, per transfrom il codice sopra in un menu verticale ....
Esempio di CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}
I risultati si vedono ...
Soluzione per questo bug ... (modificato / aggiunto CSS in grassetto corsivo)
# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
float: left; / * questo contiene elementi di una lista float * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Questo risolve il * /
width: 100%; / * bug spazi in IE6 * /
}
# Menu a {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}
Se il doesnot soluzione di cui sopra sembra funzionare (per ragioni note solo a IE6) ... provare questo metodo, invece
Basta aggiungere questo ulteriore stili IE6 solo al markup ...
<- [If lt IE 7>
<style type="text/css">
# Menu li a {display: inline-block;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->
non ci sono commenti | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE e IE6 e Tutorial | posted in Quirks Browser , CSS
2008 12 Apr 2008
Messaggio IE 6, MSIE è stato così gentile da noi sviluppatori dell'interfaccia utente con l'aggiunta di qualche proprietà più CSS standard per la maggior parte degli altri browser standard. Una proprietà come utile in "min-height". Proprietà piuttosto semplice che ha bisogno di alcuna spiegazione a lungo senza fiato. Quando un min-height per una divisione è impostato, mantiene sempre che l'altezza set quando il contenuto che ospita occupa meno di quanto può contenere e soprattutto (a differenza del plain vanilla proprietà "height"), scale ovvero CSS, si comporta come una divisione di cui "l'altezza" è impostato su "auto" ...
Per alcuni di noi poveri sviluppatori, che ancora sono tenuti al codice CSS che devono lavorare anche in IE6, non-disponibilità del "min-height", potrebbe rivelarsi un tappo di spettacolo ... a volte la disperazione Donot.
Fortunatamente, abbiamo capricci abbastanza in IE, che avremmo usato a vantaggio di uscire e incidere attraverso il nostro modo per raggiungere il nostro obiettivo ... cioè fare una divisione divisione come se il suo min-height in IE6
Soluzione 1: Utilizzare il carattere di sottolineatura Hack [ ... Read more ]
.box1 {
min-height: 200px;
height:auto;
_height:200px;
}
HTML: -
<div class="box1">Some dynamic content with variable height ...</div>
Soluzione 2: Utilizzo dell'attributo CSS Selector Hack
.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}
HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>
L'attributo CSS Selector Hack si avvale del fatto che i browser precedenti IE6 tha ignorato uno atribute-selector. Si noti l'esigenza di un'altra divisione contenitore con class = "someclass". Solo il presense dell'attributo classe per questa divisione, prevale l'altezza dello schienale per auto per Opera, Mozilla e MSIE7 e versioni successive. IE6, che non supporta selettori atribute, lo ignora.
Visualizza la demo del min-height hack per IE6
non ci sono commenti | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE e IE6 e Tutorial | posted in CSS
2008 15 marzo 2008
In diverse occasioni, mentre si fa layout di pagina con le divisioni popup / lightbox / Consigli ecc ci imbattiamo in situazioni in cui alcuni oggetti a SELECT capita di essere in queste divisioni POPUP, dal design e si vede attraverso .... YUK!
Bene! si potrebbe facilmente risolvere questo problema modificando le Z-INDEX valori in modo appropriato per FF e IE7. Ma il buon vecchio (gioco di parole) IE6 non si comporta come previsto .... Lo spettacolo BOX Selezionare tramite, anche dopo aver applicato alcuni drasticamente elevati valori di Z-INDEX al Division PopUp ... Bummer!!
Non ci sono soluzioni per questo problema, ma ci sono, credo, più che un modo che pochi al mondo del lavoro attorno a questo problema, ma Im qui per dirvi la soluzione più semplice che uso, che funziona bene per me, nella maggior parte dei casi ....
"Nascondere la casella ROUGE Selezionare quando si DIMOSTRARE IL POPUP"
Semplicemente nel frammento di script in cui si mostra il popup, aggiungere un pezzo di script per impostare la visibilità del Box SELECT per "Hidden"
document.getElementById ('my_select') style.visibilty = "hidden".;
E ricordatevi di impostare nuovamente la chiusura di vostra divisione PopUp
. document.getElementById ('my_select') style.visibilty = "visible";
dove "my_select" è l'ID del Box irritazione SELEZIONA
Spero che questo aiuti ...
PS. Ci sono altre opzioni come ofcourse dinamicamente positionining un IFRAME (stesse dimensioni di PopUp) sotto il DIV Popup ... Questo funziona bene anche, ma con l'aggiunta di carichi di elementi DOM, script e mal di testa. Ho usato questa soluzione anche, e se hai bisogno di aiuto con questa opzione, non fatemelo sapere. Sarà lieto di aiutarvi!
no comments | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE e IE6 | posted in Quirks Browser , i CSS e HTML , JavasScript
2008 8 gennaio 2008
Pochi mesi prima abbiamo visto, come si potrebbe comprendere un pezzo di CSS che sarebbe visibile solo IE6 ( Per il vostro IE Only ). Ci sono altri modi per raggiungere questo obiettivo pure. Basta includere un CSS separato, specifico per il tuo IE target. ciò potrebbe essere ottenuto con quello che si chiama come commenti condizionali.
Commenti condizionali è un modo per rilevare il tipo di browser e la versione. Rilevamento Browser viene eseguita per garantire che il contenuto presentato al browser specifico. Rilevamento del browser può essere fatto utilizzando diverse tecniche. Questo metodo ha diversi vantaggi rispetto ai metodi precedenti, che comprendevano la commutazione di stile utilizzando javascript. Per elencare alcuni importanti, sarebbe;
- Script non è necessario
- Cross-browser
Come possiamo fare questo?
Fare qualcosa in IE 5 solo
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->
Fare qualcosa in tutte le versioni di IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
Fare qualcosa in tutte le versioni di IE più recenti che IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->
Per ulteriori vartiations condizionali, di leggere queste informazioni su MSDN:
A proposito di commento condizionale
non ci sono commenti | tags: bug di IE , le correzioni di IE e Hacks di IE , i Problemi IE | postato i difetti dei browser , i CSS e HTML , JavasScript
2007 15 settembre 2007
Lingua semplice (per chi non ha mai sentito parlare di doctype prima di oggi)! DOCTYPE è la dichiarazione in un documento HTML che viene prima del tag <HTML>, che sembra qualcosa di simile (incollato dalla sorgente di questa stessa pagina)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Perché usare doctype? Tutto è iniziato quando gli standard del browser sono stati introdotti dal W3C. Gli sviluppatori web CSS precedentemente attuate secondo i desideri di browser, di avere le pagine resi correttamente in loro e la maggior parte dei siti web ha avuto CSS che non corrispondono del tutto queste specifiche / norme. Pertanto la soluzione a questo problema è stato quello di
- permettere agli sviluppatori web che conoscevano i loro standard di scegliere quale modalità utilizzare.
- continuare a visualizzare vecchie pagine in base alle vecchie (quirks) regole.
E DOCTYPE è nato.
Così, a seconda se si pagina è stata progettata a norme o no, si sceglie il doctype appropriato.
Relazione tra modalità Doctype & Browser Doctype è la dichiarazione che dice al browser quale modo si dovrebbe rendere la pagina in HTML, o meglio per essere più precisi in che modo il browser di interpretare il CSS in; quirks mode o in modalità Strict. Vecchie pagine scritte prima che tali norme sono state introdotte non hanno un doctype. Quindi quando non c'è DOCTYPE HTML nel tuo allora il browser è in modalità non standard.
Ma se il DOCTYPE è definito come uno dei seguenti, il browser si dice che sia in modalità rigorosa.
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">
non ci sono commenti | Tag: Doctype , le correzioni di IE , le modalità | posted in HTML , User Interface Desgin
