2011 18 de febrero 2011
Tenido este problema extraño, donde un pedazo de Javascript trabajó muy bien en todos los navegadores como IE ans bar de siempre 
Simple ... que era, pero ya que el guión no fue escrito por mí, me tomó un tiempo para depurar este "objeto no admite esta propiedad o método" error de IE que sólo estaba vomitando. Probablemente! Si tuviera que escribir el guión, yo no tengo este error en absoluto, como no se mezclan mis nombres de variables con el campo de identificadores :).
Problema: El objeto no acepta esta propiedad o método (en la línea 3)
function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... }
Solución:
El error se genera en el thirdrow en el ejemplo anterior (Línea 3 ... "descripciónBreve = document.getE ...."). He intentado todo tipo de estupideces, de que No me vale ni siquiera la mención aquí y, finalmente, ¿adivinen qué! sólo cambia el var descripciónBreve a otra cosa se deshizo del error. Básicamente! El nombre de la variable tenía que diferente de la fieldID
1 comentario | tags: Corrige IE | publicado en Quirks navegador , JavasScript
2009 07 de noviembre 2009
Una y otra vez, cuando todos los otros navegadores visto a comportarse según lo dicho por las normas del W3C, espirales es decir que usted fuera el espíritu de desarrollo por parte de un berrinche, que no parece tener una solución. Sólo tal es este problema en Internet Explorer 7.
Enunciado del problema:
Yo por lo que puede que muchos de los desarrolladores web graves otros han notado más que muchas veces, que cuando hay anidados flota en el diseño, en vuelo estacionario sobre algunos enlaces (anchor), el recipiente que contiene parece desplazarse unos pocos píxeles hacia la derecha . He tratado de soluciones de Google para este tema, pero casi no han encontrado ninguna respuesta razonable de por qué y cuándo ocurre (que podría ayudar a evitar que este problema suceda), por lo tanto, nunca he encontrado una solución clara al problema, ya sea ...
Solución posible:
De la experiencia, no tengo por ciento previo aviso el 90% del tiempo, es decir, que este problema se soluciona mediante la adición de una propiedad de zoom en la definición CSS del contenedor mal comportamiento ...
# {Somediv
zoom: 1;
}
una vez más las razones son ambiguos ... intente lo siguiente ...
Algunos de los elementos en el IE tiene un "hasLayout" la propiedad, que es "verdad" de forma predeterminada. Muchos comportamientos visuales CSS, por ejemplo, un filtro alfa solo funciona en un elemento que hasLayout. y el {zoom: 1} parece dar los elementos de destino de la propiedad hasLayout .... ¿Útil? No lo creo ...
La propiedad zoom también se parece con el apoyo de Chrome, pero su uso a fuerza parece tener efectos adversos tanto en el diseño de mi ... pruébalo, si funciona para ti ... si no lo hace, marcar esta página, debajo de los dados "CSS"
2 comentarios | tags: Corrección de IE , los problemas con IE y IE7 | publicado en CSS
2008 10 de octubre 2008
CSS para navegadores no IE: No es ninguna novedad para los desarrolladores de CSS, selectores CSS niños como el ejemplo de abajo, no parece que funcione en IE.
por ejemplo div> {lapso de un poco de CSS}, eso significa que "cuando un elemento span es un niño (y no un nieto o bisnieto infantil, etc) de un elemento de división".
Sin embargo, hemos utilizado este contexto a nuestro favor. Históricamente, el selector de hijo se ha utilizado para ocultar los comandos CSS de IE. Simplemente mediante la colocación de html>body delante de cualquier IE CSS comando ignorarlo:
html>body .foo { CSS commands go here ;}
Esto funciona porque <body> siempre es un hijo de <html> - nunca puede, por supuesto, un nieto o bisnieto de <html> .
Ahora que el IE 7 comprende el selector de hijo, usted tiene que insertar una etiqueta de comentario vacío justo después del signo mayor que el IE 7, no volverá a entender este selector (quién sabe por qué?) Y por lo tanto se ignoran totalmente este comando CSS.:
html> /**/ body .foo { CSS commands go here ;}
Si no lo ha visto antes, tiene una lectura a través de la siguiente, así
no hay comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE | publicado en Caprichos del navegador , la CSS
2008 04 de octubre 2008
Como de costumbre, uno de los muchos problemas extraños con Internet Explorer y esto hay filas en el TOP 10 de las peculiaridades de IE.
PLANTEAMIENTO DEL PROBLEMA (este era mi problema, puede ser que tenga malas conductas similares):
Tengo muchas DIV está en la página con la clase "sectionhead", que no es sino el título de una sección en la página. Así que he un poco de estilo con este aspecto
. Sectionhead {font-size: 18px; fondo: # cfcfcf; padding: 5px;}
El div es una barra de color gris claro con un poco de texto en negro. ¿Qué pasa en el IE es algunos de estos encabezados de sección se muestran bien, pero algunos son invisibles, hasta que, de desplazarse por la página o haga clic en algo en la página, etc A veces se tienden a desaparecer cuando usted haga clic en la tecla 'Alt' cuando la página hacia abajo o desplazarse con la barra de desplazamiento. A veces parece que volverá a aparecer cuando se vuelva a cargar (F5) la página. Me corto un DIV muy simple con un poco de estilo sencillo y se comporta BAD.
¿Qué puede causar este tipo de comportamiento errático? Bueno! Francamente, ni idea!
POSIBLE SOLUCIÓN:
Una vez más no me preguntes por qué, pero en muchos casos, este problema tiende a desaparecer cuando se agrega la posición: en relación con el mal comportamiento estilo de los elementos, así
. Sectionhead {font-size: 18px; fondo: # cfcfcf; padding: 5px; position: relative}
Extraño, pero ¿qué decir? Dios me bendiga por el IE!
Y Comparta con EE.UU., si tenían problemas similares.
no hay comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE | publicado en Caprichos del navegador , la CSS y HTML
2008 15 de julio 2008
Oh Well! En el post anterior hace unos días con respecto a la opacidad en IE8, me olvidé de mencionar un punto importante que "IE 8 en modo estricto no permite CSS opacidad".
Para los que nose entiende lo que quiero decir con el modo estricto, aquí es una guía rápida .
Un trabajo en torno a esto (Antes de IE equipo de desarrollo cuenta de que tienen camino pavimentado para las rutinas de trabajo de re-todo el mundo, por los sitios web que utilizan pop-up Mesas de luz con un poco de opacidad, y volver a poner el apoyo a OPACIDAD) es utilizar un la imagen semitransparente ... preferiblemente en formato PNG (que he tenido mala experiencia recibiendo imágenes GIF transparentes para trabajar, ya que se supone que). Crear una imagen PNG de color y el porcentaje de transparencia que te gusta, en la que el editor de imágenes favorito y usarlo como una imagen de fondo para la superposición de la colección.
es decir,
En lugar de algo como esto
. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
opacidad: 0,60;
Filtro: alpha (opacity = 60);
}
¿Es esto ....
. Lighbox_overlay {
background: url (bkg.png) la repetición;
}
Para probarlo, HAGA CLIC AQUÍ! | descargar, haga clic AQUÍ!
no hay comentarios | tags: es decir, errores y correcciones de IE , los problemas con IE y IE8 | publicado en Quirks navegador , CSS
2008 20 de junio 2008
Si alguna vez has hecho (o hacer uno) un menú vertical con elementos de la lista (li) y las etiquetas de CSS, puede encontrarse con este otro error en Internet Explorer, IE 6, donde se inserta la brecha entre los elementos de la lista que contienen los elementos a nivel de bloque, es decir, si hay algún espacio en blanco entre los elementos de la lista en el marcado. Gracias, pero no, la versión de Internet Explorer 7 parece libre de este error.
Si como yo, y muchos más, usted pertenece a este grupo de desarrolladores frustrados, que aún tienen que conseguir sus nuevos diseños, que trabajan en IE6 también, entonces esto podría resultar útil. ¡Echa un vistazo ...
Ejemplo de marcado:
<ul id="menu">
<li> <a href="#"> Inicio </ a> </ li>
<li> <a href="#"> Acerca de </ a> </ li>
<li> <a href="#"> Servicios </ a> </ li>
<li> <a href="#"> cartera </ a> </ li>
<li> <a href="#"> Ayuda </ a> </ li>
<li> <a href="#"> Contacte con nosotros </ a> </ li>
</ Ul>
Usted puede crear un poco de CSS, similar a la de abajo, para transformar la margen anterior en un menú vertical ....
Muestra CSS ...
# Menu {
margin: 0; padding: 0; fondo: # FF9900;
list-style-type: none; ancho: 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;
}
Los resultados que usted verá ...
Solución para este error ... (modificado / añadido CSS en negrita y cursiva)
# Menu {
margin: 0; padding: 0; fondo: # FF9900; list-style-type: none; ancho: 150px;
float: left; / * esto contiene elementos flotantes de la lista * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Esto fija el * /
width: 100%; / * espacio en blanco bug en IE6 * /
}
# Menu {un
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}
Si la solución anterior doesnot parecen funcionar (por razones conocidas sólo IE6) ... probar este método en lugar
Sólo tiene que añadir estos otros estilos sólo IE6 de su margen de beneficio ...
<- [If lt IE 7>
<style type="text/css">
# Menu li a {display: inline-block;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->
no hay comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE , la IE6 y Tutoriales | publicado en Quirks navegador , CSS
2008 12 de abril 2008
Nota IE 6, MSIE ha sido lo suficientemente amable para los desarrolladores de la interfaz de usuario mediante la adición de un poco más de las propiedades CSS estándar para la mayoría de los otros navegadores estándar. Una de estas propiedades útiles en "min-height". La propiedad bastante sencillo que no necesita explicación largo aliento. Cuando un min-height de una división se establece, se conserva siempre que la altura de juego cuando el contenido que alberga ocupa menos de lo que puede sostener y esto es importante (a diferencia del plain vanilla "altura" de la propiedad) las escalas o, dicho de CSS, se comporta como un cuya división de "altura" está ajustado en "auto" ...
Para algunos de nosotros los desarrolladores de pobres, que todavía se requieren para el código CSS que también deben trabajar en IE6, sin disponibilidad de la "min-height", podría convertirse en un tapón de la demostración en algún momento ... la desesperación Donot.
Afortunadamente, tenemos bastantes peculiaridades de IE, que se utilizan en beneficio de salir y cortar el camino a través de llegar a nuestro objetivo ... es decir, hacer una división DIVISIÓN como si su min-height en IE6
Solución 1: Uso del Hack subrayado [ ... Leer más ]
.box1 {
min-height: 200px;
height:auto;
_height:200px;
}
HTML: -
<div class="box1">Some dynamic content with variable height ...</div>
Solución 2: Utilizar el atributo CSS Selector de 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>
El atributo CSS Selector de Hack se aprovecha del hecho de los navegadores IE6 antes del tha ignorado un atributo físico-selector. Tenga en cuenta el requisito de la otra división de contenedores con class = "SomeClass". Sólo el presense del atributo de clase de esta división, anula la altura del respaldo automático para Opera, Mozilla y MSIE7 y posteriores. IE6, que no es compatible con los selectores de atributo físico, lo ignora.
Ver demostración del truco min-height para IE6
no hay comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE , la IE6 y Tutoriales | publicado en CSS
2008 15 de marzo 2008
En varias ocasiones, mientras que hace los diseños de página con las divisiones de popup / Cajas de Luz y consejos, etc nos encontramos con situaciones en las que algunos objetos de formulario SELECT pasa a ser en estas divisiones POPUP, por diseño y se muestra a través de .... ¡Puaj!
Bueno! fácilmente se podría solucionar este problema ajustando sus valores de índice z adecuadamente para FF y IE7. Sin embargo, Good Old (nunca mejor dicho) IE6 no se comporta según lo previsto .... El programa Select Box a través, incluso después de aplicar algunas drásticamente altos valores de índice z de su División ... PopUp Charlatán!!
No hay soluciones para este problema, pero están ahí, creo yo, más que una manera de trabajar unos pocos-en torno a este problema, pero estoy aquí para decirles que la solución más sencilla que yo uso, que funciona bien para mí, en la mayor parte de la los casos ....
"Ocultar la caja de ROUGE SELECT cuando se muestra la POPUP"
Simplemente, en el fragmento de secuencia de comandos donde usted muestra su emergente, agregar un trozo de secuencia de comandos para establecer la visibilidad de la caja de selección de "Oculto"
document.getElementById ('my_select') style.visibilty = "hidden".;
Y recuerde que retroceder en el cierre de la División de PopUp
. document.getElementById ('my_select') style.visibilty = "visible";
donde "my_select" es el ID de la caja de la irritación SELECT
Espero que esto ayude ...
PS. Hay por supuesto, son otras opciones como dinámicamente positionining un IFRAME (mismo tamaño que usted PopUp) en el marco del DIV emergente ... Esto funciona muy bien también, pero con una adición de un montón de elementos DOM, scripts y dolor de cabeza. He utilizado esta solución también, y si usted necesita cualquier ayuda con esta opción, me deja saber. Estará encantado de ayudarle!
sin comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE , la IE6 | publicado en Caprichos del navegador , la CSS y HTML , JavasScript
2008 08 de enero 2008
Unos meses antes vimos, la forma en que podría incluir un trozo de CSS que sería visible a IE6 sólo ( Para su IE sólo ). Hay otras formas de lograr esto. Sólo tiene que incluir una separada de CSS, específica para su IE de destino. esto se podría lograr con lo que se llama como los comentarios condicionales.
Comentarios condicionales es una manera de detectar el tipo de navegador y versión. La detección del navegador se realiza para asegurar que el contenido que se presenta a la específica del navegador. La detección del navegador se puede hacer uso de muchas técnicas diferentes. Este método tiene varias ventajas sobre los métodos anteriores, que incluyeron el cambio de estilo usando javascript. Para obtener una lista importante de unos pocos, sería;
- Secuencias de comandos no es necesario
- Cross-browser
¿Cómo hacemos esto?
¿Es algo en IE 5 sólo
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->
¿Es algo en todas las versiones de IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
¿Es algo en todas las versiones de IE más recientes que IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->
Para más vartiations condicionales, lea esta información en MSDN:
Acerca de comentario condicional
no hay comentarios | tags: es decir, errores y correcciones de IE , los Hacks de IE , los problemas con IE | Publicado en Rarezas del navegador , la CSS y HTML , JavasScript
2007 15 de septiembre 2007
Habla simple (para aquellos que nunca oído hablar de tipo de documento antes de hoy)! DOCTYPE es la declaración en un documento HTML que viene antes de la etiqueta <HTML>, que se ve algo como esto (pegado de la fuente de esta misma página)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
¿Por qué usar DOCTYPE? Todo comenzó cuando se introdujeron las normas del navegador por el W3C. Los desarrolladores web CSS anteriores implementado de acuerdo a los deseos de los navegadores, para que las páginas representadas correctamente en ellos y la mayoría de los sitios web tenían CSS que no se ajusta exactamente con estas especificaciones y normas. Por lo tanto solución a este problema fue
- permitir a los desarrolladores web que conocían sus normas para elegir el modo de usar.
- continuar mostrando las páginas de edad de acuerdo a la antigua (rarezas) las normas.
Y DOCTYPE nació.
Por lo tanto, en función de si la página está diseñada con los estándares o no, puede elegir el tipo de documento correspondiente.
Relación entre los modos de Doctype y navegador Doctype es la declaración que le dice a su navegador de modo de lo que debería hacer que la página HTML en o más bien para ser más preciso ¿cómo el navegador interpreta el CSS en, modo no estándar o en modo estricto. Antiguo páginas escritas antes de que estas normas fueron introducidas no tienen un tipo de documento. Por lo tanto cuando no hay DOCTYPE en el código HTML a continuación, el navegador está en modo no estándar.
Pero si el DOCTYPE se define como uno de los siguientes, a continuación, el navegador se dice que es en modo estricto.
<DOCTYPE html PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd">
no hay comentarios | Etiquetas: Doctype , las correcciones de IE , los modos | publicado en HTML , interfaz de usuario Desgin
