Expresa-la

Tiven ese problema raro, onde unha peza de Javascript funcionou ben en todos os ans navegador como o IE bar habitual Simple ... que era, pero desde que o script non foi escrito por min, levou un tempo para depurar ese "obxecto non soporta esta propiedade ou método" erro que só o IE estaba vomitando. Probablemente! Se eu fose escribir o guión, non conseguiría ese erro en todo, como non mesturar os meus nomes de variables con campo IDs :).

Problema: O obxecto non soporta esta propiedade ou método (na liña 3)

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

Solución:
O erro é xerado no thirdrow no exemplo anterior (Liña 3 ... "shortdesc = document.getE ...."). Intento todo tipo de cousas estúpidas, que eu non o é vale a mención aquí e, finalmente, difícil de adiviñar! cambiando só a var shortdesc a outra cousa se ​​librou do erro. Basicamente! O nome da variable tivo que distinto do fieldID

Unha vez que o botón de radio eo texto son en liña, de xeito que o texto será aliñar-se para a parte inferior do botón de radio, o texto aparecerá a ser lixeiramente por baixo do botón de radio.
Se queres estes para aliñar ao principio, vai ter que poñer a radio eo texto en recipientes separados, como divs ou spans (segundo corresponda) e eles van coidar do aliñamento. Sería máis doado de usar células da táboa, tamén, do seu proxecto de deseño permite.

Isto non vai ser o mesmo en todos os navegadores, como todo navegador exhibe radios de forma lixeiramente diferente, polo que hai sempre vai haber problemas de tamaño, non importa o que fai.

Google inicia un movemento de persoas listas para despexar IE6 ... Por usuarios escoitas IE6 cun emerxente na carga da páxina ... pode non ser unha idea moi boa ... pero sendo un creador de interface de usuario, eu teño que unirse a esta banda vagón ... menos un navegador para preocuparme Sentímolo ... é egoísta! pero eu incluír este javascript ... (probe esta páxina no IE6) ...
Hey! e sobre a nota máis brillante ... Ver é unha demostración do poder de JavaScript .... pode ata derrubar un xigante (ou unha vez que era)

SO ... Axuda librar o mundo do IE6 cunha liña de javascript!

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

Con outro navegador para coidar a partir de mañá! (IE8 sae do seu estado mañá Beta) ... A súa IE6 tempo moi alta é dar a súa morte Mercy tempo debido ... Unidos venceremos a caída do IE6

"IE6 é o 4 Netscape novo. Os hacks necesarios para apoiar IE6 son cada vez máis vistos como carga en exceso. Como Netscape 4 en 2000, o IE6 é percibido como estar atrasar a web. "

Jeff Zeldman, as normas de gurú

E, non obstante, para aqueles como eu, que serán inundados con chamadas de salto de esquemas CSS no IE8, aquí é o traballo de idade en torno / corrixir usando etiquetas meta (meta http-equiv = "X-UA-Compatible") podes probar ...

Mis-comportándose IE8: CSS saltos de deseño (Segmentación unha versión de navegador usando etiquetas meta no IE8)

Se é unha persoa CSS, vostede sabe a dor na obtención dos seus esquemas de traballo cross-browser. IE8 é unha chave inglesa nos traballos para os desenvolvedores de nós. Anywaz! se bater enriba desta cuestión, como eu fixen onte, onde o seu CSS funcionando perfectamente no IE7 (e anterior) e Firefox ten de súpeto comezou a birra no IE8, proba este ... É ben parecía resolver os meus problemas para o momento ....

Usando declaración Meta, pode especificar o motor de renderización que quere usar o IE8. Entón, para forzar o IE8 para renderizar como IE7 ... Insira o Tag Meta seguinte na cabeza do seu documento: -

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

Por defecto Meta IE sería: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
o que sería o IE8 renderizar a páxina usando o modo estándar novo.

En caso necesario, esta sintaxe podería ser usado para acomodar a outros navegadores como a continuación:

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

Máis sobre doctypes:

Se aínda non familiarizado co tipo de animal chamado "Doctype" ... está aquí algunha lectura rápida
Cales son DOCTYPES? Cales son peculiaridades navegador e xeito estrito?
Definir o DOCTYPE no XSL

Para un máis profundo entendemento sobre DOCTYPES, tente visitar estes enlaces ...
A List Apart: Fixe o seu sitio co DOCTYPE dereito!
A List Apart: Beyond DOCTYPE: Web Standards, compatibilidade e IE8

Nota: Aínda que moitos de nós HTML / CSS persoas teñen negligenciado a importancia de decleration DOCTYPE nos nosos documentos, establecer o DOCTYPE correcto, adoita ser a resposta a problemas co navegador máis transversais.

En Firefox ... ás veces pode ter notado que o cursor comeza a pestanexar a pantalla. Pode ocorrer cando fai clic en calquera elemento na páxina, unha división ou unha imaxe, etc Este cursor piscando na ventá do navegador é realmente un recurso de accesibilidade do Firefox ao alcume de 'navegación acento circunflexo ". Esta característica permite / permite aos usuarios seleccionar o texto na páxina co teclado (que normalmente tenden a facer uso do noso rato).

Ben! Se non queres quere este recurso ... simple toque "F7" para cambiar a teito e viceversa (se quere ON). Tamén pode teclear "about: config" na barra de enderezos (tipo en "acento circunflexo" no cadro de filtro) e basta con premer dúas veces para cambiar a opción "accessibility.browsewithcaret" de "verdade" (virar acento circunflexo navegar ON) para "false "(virar acento circunflexo navegar off)

CSS para non IE Navegadores: Non é ningunha novidade para os desenvolvedores CSS, selectores fillo CSS coma no seguinte exemplo, non parecen funcionar no IE.

por exemplo div> div {algúns CSS}, que significa "cando un elemento span é un neno (e non un neto ou fillo gran gran etc) dun elemento de división".

Pero nós usamos esa CON ao noso favor. Historicamente, o selector de neno foi utilizado para ocultar comandos CSS IE. Simplemente colocando html>body diante de calquera orde CSS IE irá ignore-lo:

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

Esto funciona porque <body> é sempre un fillo de <html> - pode nunca ser, obviamente, un neto ou bisneto de <html> .

Agora que o IE 7 entende o selector fillo, tes que introducir unha etiqueta comentario baleiro logo despois do signo maior que o IE 7 non vai, entón, entender este selector (quen sabe por que?) E, polo tanto, ignorar totalmente esta orde CSS.:

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

Se non teñen xa visto estes antes, ter unha lectura a través do seguinte ben

• Comentarios condicionais: Para a súa IES Duex Only-Parte
• CSS Hacker: Javascript, CSS, HTML só para Firefox
• Para a súa IES Só

Como de costume, un dos moitos algúns problemas estraños co IE e iso hai que fileiras en TOP 10 de Quirks IE.

Declaración do problema (Este era o meu problema, quizais lle teña malos comportamentos semellantes):
Eu teño moitos DIV está na páxina coa clase "sectionhead", que non é máis títulos das sección na páxina. Entón, eu teño un estilo parecido con isto

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

O span é unha barra gris claro con algún texto negro. O que ocorre en IE e algúns deses títulos de sección se amosan ben, pero algúns son invisibles, ata que, rolar a páxina ou facer clic en algo na páxina, etc Ás veces eles tenden a desaparecer cando fai clic en 'alt' tecla cando principal down ou cambiar-se a barra de desprazamento. Eles parecen ás veces reaparecer cando actualizar (F5) a páxina. Eu DIV un curto perfectamente simple, cun estilo sinxelo comporta BAD.
O que podería causar tal comportamento errático? Ben! Francamente, non sei!

Solución posible:
Unha vez máis non me pregunte por que, pero en moitos casos, este problema tende a desaparecer cando engadir position: relative a mis comportándose elementos de estilo, como este

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

Estraño, pero o que dicir? Deus bendiga-me de IE!

E comparten con EUA, se tivo problemas semellantes.

Moitas veces sentimos a necesidade de escribir hacks navegador específica (aínda que non sexa unha boa práctica, nós desenvolvedores de interface de usuario ter que recorrer a eses males, ata as grandes guerras Navegadores trata dunha tregua). Anteriormente, eu había mencionado neste artigo pola súa IES Só , como escribir un fragmento de CSS que sería visible para os navegadores IE <IE7 só.

Onte, eu tiven un caso, onde eu quería escribir algunha Firefox específico CSS fragmentos. Ben! Eu non estou seguro se existe un código CSS para iso, pero hai un HTML. Pero hai un problema, porén, este anaco de HTML doesnot validación de HTML pase. Pero, anywaz! Se está preso ou mal, como tal, non teñen relación para validación (ás veces hai que ser cruel), vostede podería usar o seguinte para declarar unha ligazón a unha folla de estilo FF só ou mesmo só o código CSS dentro deste bloque. O código é

<comment> Poña o seu Firefox só HTML / CSS / Scripts aquí </ comment>

por exemplo
<comment>
<style>
/ * Estilos para FF só * /
fieldset {Modelo: 1px solid # dddddd;}
</ Style>
</ Comment>

I "m feliz para o momento ...

Oh Well! No post anterior uns días sobre a opacidade no IE8, eu esquezo de mencionar un punto importante que o "IE 8 para estrito non permite CSS opacidade".
Para os que donot entender o que quero dicir con xeito estrito, aquí é rápido tutorial .

Un traballo en torno a este (Antes IE equipo dev entender que eles teñen abriu camiño para re-traballo rutinas de todo o mundo, para web-sitios que usan Pop-up mesas de luz con algunha opacidade, e poñer de volta o apoio para a opacidade) é por este imaxe transparente semi ... de preferencia en formato PNG (eu tiven experiencia malo obtención de imaxes GIF transparente para traballar como debían). Crear unha imaxe PNG de cor e porcentaxe de transparencia que lle gusta, no seu editor de imaxe favorito e usalo como unha imaxe de fondo para o seu superposición lightbox.

é dicir
En vez de algo coma isto

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-MOZ-Opacity: 0.6;
opacidade: 0,60;
filter: alpha (Opacity = 60);
}

Faino ....

. Lighbox_overlay {
background: url repetición (bkg.png);
}

Para probalo, prema aquí! | descargar prema aquí!