Expresando TI

Había leído esto en algún blog ... pensé que era bueno para catalogar este de ref futuro .... También podría ser una cuestión importante entrevista que le pidió un día ....

Escribir un fragmento de CSS que se muestre un párrafo en azul en los navegadores más antiguos, de color rojo en los nuevos navegadores, verde y negro en IE6 en IE7

#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}

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

Por unas cuantas horas he estado buscando soluciones para ejecutar / probar mis HTMLs estáticos en el emulador de Eclipse / Android. ¿No han sido un éxito total pero .... lo que quiero decir por "totalmente" es el código HTML se carga bien, pero todo el CSS y JS, es decir, la expresión visual no se ve. En palabras de desarrollador, el CSS no se aplica a la página ...

Pensé que lo haría unos cuantos compañeros novatos Android a los desarrolladores de interfaz de usuario, si se observó el fragmento de abajo que se utiliza para mostrar el código HTML.

Y los gurús de Android, por favor agregue sus comentarios para ayudar a los novatos en móviles desarrolladores de aplicaciones de interfaz de usuario más!

¡Lo siento! pero estoy asumiendo que usted sabe cómo crear una aplicación para Android Mobile en Eclipse.

Cree esto como su actividad, lo que se lee 'index.html' el archivo de sus activos del proyecto / carpeta.

 public class Test extends Activity {  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    WebView webview = new WebView(this);    setContentView(webview);    try {      InputStream fin = getAssets().open("index.html");        byte[] buffer = new byte[fin.available()];        fin.read(buffer);        fin.close();        webview.loadData(new String(buffer), "text/html", "UTF-8");    } catch (IOException e) {      e.printStackTrace();    }  } } 

El reciclaje es palabra de moda y en el desarrollo Web significa que no es diferente. Se conserva la energía, en términos de esfuerzo!

En los últimos años de la escritura y la creación de HTML CSS a partir de diseños, que han seguido una serie de prácticas recomendadas, en la búsqueda de ahorro de tiempo y energía en lo que generalmente llamamos "re-inventar la rueda". Una y otra vez, me he dicho que tengo que crear unas cuantas plantillas, algún estándar reutilizables CSS que iba a usar fuera de la caja en mi trabajo futuro. Aunque no por completo, pero me las arreglé para conseguir algunos de los objetivos.

En la promoción, re-uso de CSS, he echado un vistazo a los pocos marcos de CSS que están comúnmente disponibles para nosotros y decidió ponerlas en práctica, ya que estos son de probada eficacia y creado por los desarrolladores experimentados tanto, que yo mismo. Más importante aún "Evite volver a inventar".

Aunque el conocimiento común a los veteranos, he tratado de pluma algunos de los principales conceptos y mejores prácticas y pensamientos que ha pasado en la creación de estos marcos de referencia, para hacer reciclaje de CSS es posible. Espero que esto ayudará a que algunos desarrolladores de CSS que están a punto de y, recientemente, abordaron el tren CSS!

Teclas de ciclismo Re de CSS:

Utilice Convenciones de nomenclatura

Esto tiene que ser el factor más importante en la toma de la CSS / HTML reutilizable. Dar nombres consistentes en elementos de página permite la reutilización de los componentes de la página y sus estilos con poca o modificaciones. En línea con este argumento, HTML5 Incluso, en un cambio importante cambio respecto a sus predecesores, es decir introducir algunas etiquetas estructural. <article>, <sección>, <header>, <aside> y <nav> [ ¿Qué va a aportar HTML5? ]. Incluso con HTML 4 (o inferior), lo mejor es llamar a las secciones habituales de la página consistanly como en el ejemplo sencillo a continuación ...

Recuerde, la mayoría páginas de su proyecto, llegar a tener los elementos básicos estructurales mismas. Identificar los elementos básicos comunes página ....

  <div id="contenedor">
    <div id="cabecera"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

Restablecer estilos predeterminados Restablece (CSS): Si usted utiliza un marco o escribir el suyo propio, debe proporcionar Restablece CSS [ ¿Cuáles son Restablece CSS? ], ya que reducir o eliminar las incoherencias a veces visuales que se producen entre distintos navegadores. En palabras simples, el mecanismo de restablecimiento CSS establece los estilos de elemento HTML en los valores de cero o nula, reemplazando así los valores por defecto del navegador pueden plantea. Esto proporciona un borrón y cuenta nueva para establecer las propiedades de estos elementos sin efecto de los impagos User-Agent [ Agente de usuario CSS2.1 predeterminados de hojas de estilo ]. Todos los marcos de la CSS no tiene mecanismo de restablecimiento. Si va a escribir usted el propietario de Restablece CSS, una palabra de advertencia es que si te olvidas de restablecer una propiedad clave, y podría conducir a problemas de cross-browser, que son muy difíciles de depurar. Recuerde, mantenga una copia de los estilos de reinicio y colóquelos en cada proyecto nuevo que cree.

  cuerpo, div, dl, dt, dd, ul, ol, li,
  h1, h2, h3, h4, h5, h6,
  antes, la forma, fieldset, de entrada, selección, área de texto,
  p, blockquote, mesa, th, td
  {
    border: 0px;
    margin: 0;
    padding: 0;
  } 

Establecer valores predeterminados (Estilos de línea de base) a los elementos:

Después de haber establecido (en cero o nulo) los valores por defecto de ciertos atributos de ciertos elementos de HTML, es necesario aplicar algunos de los estilos a través de todas las instancias de estos elementos. Estos ajustes por defecto puede variar según el diseño o de acuerdo con las mejores prácticas que siguen.

La mayoría de los marcos de CSS, siempre introduce algunos nuevos valores por defecto, además de restablecer los estilos predeterminados del navegador.
Estos valores por defecto es vacío de los valores predeterminados de User-Agent (despojado por el restablecimiento CSS), estos serán en todos los navegadores.

Recuerde, los estilos de línea de base se utilizan para definir los estilos que van ser utilizados en todo el diseño. por ejemplo.

  html {font-size: 77%; font-family: Arial, sans-serif;}
 fuerte, h1, h2, h3, h4, h5, h6 {font-weight: bold;} 

Estilos Resumen de componentes comunes de HTML y clases comunes:

La mayor parte del proyecto que consta de varias páginas se tienen en común los elementos HTML utilizados en todo el sitio, por ejemplo, algún tipo de formularios, alertas y los errores, ventanas emergentes personalizados, Mesas de luz, etc Dado que tales componentes se utilizan de nuevo a través de proyectos, que serán útiles para proporcionar una un conjunto de clases asociadas con estilos predefinidos para estos componentes y usted puede ahorrar mucho tiempo.

Aparte de la definición de las definiciones de estilos reutilizables para los componentes comunes de HTML, podríamos clases de estilos abstractos relacionados con la tipografía, el color o el diseño, incluso. Yo mismo tiendo a usar ... las clases comunes como Clearfix, Font08, FontGrey, AlignL, etc DisplayB

  formulario de entrada {border: 0px; background: # ffffff; padding: 0px 10px; _padding: 0px 0px; altura: 26px; color: # 000000; line-height: 30px; font-size: 1.1em;}
 forma textarea {border: 0px; background: # ffffff; color: # 000000; font-size: .9 em, line-height: 1.5em; overflow: visible;}
 . Fbold {font-weight: bold; color: # cccccc;}
 . Fgrey {color: # 666666;}
 . Flightgrey {color: # bbbbbb;}
 . Clearfix {clear: both;}
 . Divisor de {border-top: 1px solid # 647B06; border-bottom: 1px solid # 9CC00A; altura: 0px;}
 . Displayb {display: block;}. Displayn {display: none;}
 . Alignr {text-align: right}. Alignc {text-align: center}
 . Floatr {float: right;}. Floatl {float: left;} 

Soluciones a errores comunes peculiaridades navegador

Diversos navegadores poner en práctica el código CSS y proporcionar diferente nivel de apoyo a las especificaciones de CSS. El resultado de esta .... "Caprichos del navegador", que los desarrolladores se dejan de abordar. Sobre todo, persigue a los codificadores de la mayoría de IE6 CSS con un plazo que cumplir. La buena noticia es que la experiencia ha reunido a las posibles soluciones reutilizables para estas cuestiones (a menudo denominado como hacks CSS ).

Recuerde, mantenga estos hacks / correcciones a mano

  / * El zoom lo siguiente: 1 regla es específicamente para IE6 + IE7.  * /
    * Html. Clearfix,
    *:. First-child + html {clearfix
           zoom: 1;
      } 

Siga ajustando su CSS

• El hábito de reciclaje, no vendrá a ti en el día. Tiene que desarrollado. Así que el plan de su reciclaje. Téngalo en cuenta que usted podría defecto estilos abstractos, las definiciones de la tipografía, diseños, estilos de elementos HTML, etc Trate de pensar en el futuro.
• También mirar hacia atrás en sus proyectos anteriores, le ayudará a identificar los estilos que tienden a utilizar con frecuencia a través porjects. Resumen ella.
• Retire todos los estilos no utilizados. Esta práctica se mantendrá el marco de CSS de un síntoma común que se llama "Hinchazón" -
• Quitar estilos repetitivos.
• Construir un conjunto de estilos que son lo suficientemente flexibles como para transportarlo a través de proyectos.

Una mirada a los marcos CSS

Por último. Si está inspirado y va a utilizar uno o más de los marcos de CSS, Heres es una lista rápida de algunos de los más populares ....

• 960 Grid System : El sistema de cuadrícula 960 es un esfuerzo para racionalizar el flujo de trabajo de desarrollo web, proporcionando las dimensiones de uso común, sobre la base de un ancho de 960 píxeles. Existen tres variantes: 12, 16 y columnas 24, que pueden ser utilizados por separado o en tándem. Nada de pensamiento que no se puede crear uno para su propia facilidad, El marco proporciona plantillas de la red para la impresión en formato PDF, que se puede utilizar para trazar su designs.Bet página, se haría una impresión profesional, si usted lleva unas cuantas hojas cuando usted va a un cliente para la recogida de requisitos de interfaz de usuario. También ofrece plantillas básicas de red para el software de diseño popular como Fireworks, Flash, InDesign, Illustrator, Photoshop, Visio, etc proporcionar un "Starter for Ten" para comenzar su trabajo de diseño.
• Blueprint : Blueprint proporciona claramente clasificados para el restablecimiento de los archivos CSS, rejillas, formularios, impresión, tipografía, Plugins para los botones, pestañas y sprites, etc También proporciona soporte para IE como por separado incluyen.
• SenCSs : A diferencia de los dos anteriores, SenCSs (pronunciado sentido), no tiene definiciones CSS para la maquetación. Se incluye fuentes, rellenos, márgenes, tablas, listas, encabezados, Tabulaciones, formas y mucho más.
• BlueTrip : Su demanda principal a la fama fue eso, fue una combinación de las mejores características proporcionadas por otros marcos de otros como Blue oli de impresión, de viaje ... de ahí su nombre. Su conjunto de características incluye 24-columna de la cuadrícula, los estilos de tipografía, estilos de ORM, de impresión, botones, etc
• Rejillas de YUI : Presentado a usted por la red de desarrolladores Yahooo, soporta ancho de líquido (100%), así como los diseños preestablecidos diseños de ancho fijo en 750px, 950px, 974px, y, y la posibilidad de personalizar fácilmente a cualquier número. Como se puede ver, su punto de vista técnico sólo los componentes de diseño. YUI también proporcionó HTML / CSS para los conjuntos de elementos de página
• YAML (Sin embargo, otro diseño de varias columnas)
• Emastic

Recuerda que el uso de marcos CSS no implica que usted es perezoso para crear uno propio ... Esto implica que usted es inteligente para aprender de la experiencia de otros y errores, ahorrar tiempo y aumentan la productividad!!

CSS completado 10 años de existencia este año! Los que han estado alrededor por un tiempo, ganarse el pan (o no) el uso de CSS, entonces usted puede conocer la forma en que se han muerto de hambre de una buena selección de fuentes. A pesar de la falta de fuentes de diseñadores como los de CSS Zen Garden han hecho uso de imágenes de fondo CSS para reemplazar las fuentes en la búsqueda de hacer algo de justicia a sus designios. También hemos tratado de Flash / JavaScript hacks ® para lograr nuestros objetivos de diseño. De ninguna manera este es un camino equivocado para conseguir las fuentes que deseamos en nuestros diseños web, pero definitivamente, no es la manera más conveniente. y el diseñador de páginas web en años, como yo, plenamente confiado en una decena de tipos de letra para sus diseños.

Los acontecimientos recientes en los estándares web y los formatos de fuente que sea posible, para representar el texto HTML en otros tipos de letra de las fuentes predeterminadas de siempre. Viene en el "@ tipo de fuente" decleration CSS.

@ Fontface provids una solución para enlazar con el archivo real de la fuente y recuperar desde la web. El uso de @ tipo de fuente, los diseñadores pueden utilizar fuentes sin tener que congelar el texto como imágenes de fondo. La aplicación es muy sencilla, como se muestra a continuación, pero como todas las cosas buenas tienen un papel CON para, no todos los navegadores son compatibles con un solo "tipo de fuente". Si usted está planeando utilizar fontface @ en el sitio con el apoyo que requiere navegador de la Cruz, entonces usted tendrá que proporcionar fuentes de diversos tipos de fuentes de la misma.

1. TrueType - Es un formato diseñado para verse bien en pantalla. Recomendado especialmente para los navegadores de Windows (Chrome).
2. OpenType (CFF) - Este formato es mejor para el trabajo de impresión y no siempre se ven bien en Windows.
3. EOT - Usted necesita este formato si desea orientar su campaña de Internet Explorer. IE no va a usar cualquier otro formato. El EOT se considera "Lite", ya que no son ni comprimido ni de dominio restringido.
4. SVG - Este es un formato XML compatible con algunos exploradores, incluyendo el iPhone.
5. WOFF - Este cross-browser, sólo por Internet formato de la fuente es de peso ligero (datos de la fuente es comprimido zip) y puede ser compilado con TrueType o PostScript describe (CFF). En la actualidad está soportado por Firefox 3.6 +.

El uso de @ fontface

  @ Font-face {
 font-family: "CalligraphyFLFRegular ';
 src: url ('CalligraphyFLF.eot');
 src: local ("CalligraphyFLF '), locales (" CalligraphyFLF'), url ('CalligraphyFLF.woff') formato ('WOFF'), url ('CalligraphyFLF.ttf') formato ('truetype'), url ('CalligraphyFLF . svg # CalligraphyFLF ') formato (' svg ');
 }
 @ Font-face {
   font-family: "Su tipo de letra";
   src: url ("fonts / font_filename.eot");
   src: local ("nombre alternativo"), locales ("Alternatename"),
     url ("fonts / font_filename.woff") en formato ("WOFF"),
     url ("fonts / font_filename.otf") en formato ("OpenType"),
     url ("fonts / font_filename.svg font_filename #") en formato ("SVG");
   }
 h2 {font-family: "Su tipo de letra", Georgia, serif;} 

Como se puede ver en el ejemplo anterior, para incluir el tipo de letra elegido, uno tiene que vincular a un conjunto de fonttypes para el mismo tipo de letra. Por lo tanto la gente se refiere a ella como "Kit de Fuentes".
Hay kits disponibles de fuentes que explícitamente permite la vinculación con la CSS @ font-face la propiedad en virtud del Contrato de Licencia de Usuario Final (EULA).

Recursos útiles WebFont:

• Las fuentes disponibles para @ font-face incrustación de la página wiki en http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . Él es un diseñador de la fuente de renombre que ha realizado cientos de interesantes fuentes TrueType libremente disponibles para su uso en la web. Sus fuentes son elegantes, decorativas, y juguetón.
• Dieter Steffmann es otro gran diseñador de la fuente. Él también ha hecho muchas fuentes hermosas disponibles para que cualquiera lo use.
• Tienda de Fuente : ofrece fuentes diseñadas específicamente para uso en la web. Más de 30 de las familias FontFont más exitosos están ahora disponibles como FontFonts Web. FontShop también tiene un usuario detallada guía de WebFont http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Ardilla Fuente : Exhibe todas las fuentes que la ardilla fuente ofrece para su uso con @ font-face incrustación de CSS. Ardilla Fuente ofrece una cantidad impresionante de tipo, hace que sea fácil de muertos elegir uno, ya mano ofrece "kits" - el tipo de letra de su elección, en varios formatos, que vienen con demostración de HTML y CSS que usa muy actual @ font-face la sintaxis . Ellos también ofrecen una manera de hacer sus propias @ font-face kits . Si el tipo de letra que desea utilizar tiene licencia apropiada (los que vienen con la computadora no son necesariamente bien), el generador produce EOT, SVG, y hey! Archivos WOFF.

Con mi limitado conjunto de habilidades con herramientas como Photoshop e Illustrator, honestamente puedo confesar que soy un desarrollador mejor que yo soy un diseñador. Pero mi experiencia con el núcleo (del lado del servidor) de desarrollo con Java / PHP / COBOL, ha sido una influencia muy positiva en mis habilidades de desarrollo de interfaz de usuario. Lo que quiero decir es, al mismo tiempo la creación de mis diseños, es decir, cada vez que hago el diseño, pienso en cómo el diseño puede ser la mejor convertida en HTML-CSS y mientras se hace el código HTML, CSS, le doy un pensamiento acerca de la tecnología back-end y hacer razonablemente seguro que el HTML se puede implementar fácilmente en el XSL bucles o fragmentos de código PHP, etc

En los últimos años, he sido arrojado a la cabeza en los diseños de los diseñadores de la interfaz de usuario que probablemente donot tienen ni idea de lo que es HTML o CSS. Todos estos años he estado pensando que iba a pedir demasiado, si tan sólo esperan que el diseñador, que está tratando de shov su "imposible de código de" diseño por mi garganta, para entender un poco lo que su diseño se convertiría en. Eso ayudaría a la derecha?

Entonces, me encontré con este post de hoy ... los diseñadores web que no se puede codificar ... Gracias Señor! Yo soy sólo uno de muchos que sienten lo mismo ... El artitle anterior es un poco un largo aliento .. pero vale la pena la lectura, cada palabra de ella.

Gracias Elliot Jay Stocks ... Me siento aliviada!

Aquí hay algunos extractos de artículo de Elliot .

Wow, qué día! Todo comenzó con un tweet poco y terminó con una discusión que parecía extenderse por toda la comunidad de diseño web entera. Al parecer, hay algunas opiniones muy fuertes celebradas sobre el tema de si los diseñadores web deberían ser capaces de código.
...
Por lo tanto, antes de entrar en esto, permítanme recapitular rápidamente lo que he dicho esta mañana en Twitter:

Honestamente, estoy sorprendido de que en 2010 todavía estoy cruzando los diseñadores de páginas web de los que no se puede codificar sus propios diseños. No hay excusa.

... Que debería haber sido un poco más específico en mi tweet. Yo estaba hablando de los diseñadores que no tienen ni el más básico de HTML y CSS habilidades para convertir un diseño plano en un sitio real. No es la gente que intencionalmente no opten por el código, los que no se puede. Y también me refiero sólo al código de front-end de aquí, por supuesto, es ridículo pensar que los diseñadores también deben ser increíbles back-end de los programadores ...

Nos 'web' diseños enviados en Illustrator, 300dpi, imposibles de código, sin consistencia / facilidad de uso.
~ Amy Mahón

Se está haciendo tarde y tengo que terminar con esto de alguna manera. Sé que habrá muchos que no están de acuerdo conmigo, y mi intención no es ofender ni molestar a nadie que no puede codificar, pero espero que algo de lo que he dicho refleja algunos de los puntos que siempre surgen cuando ahondar en este debate.

Al final del día, no me quita el sueño, que puede codificar y quién no. Estoy realmente sorprendido de encontrar tantos diseñadores que carecen de las habilidades de front-end, como yo pensaba que esto era una cosa del pasado.

También lea los comentarios, hubo alrededor de 320 comentarios, mientras escribo ... que vale la pena una lectura.
Por favor, leer el post completo aquí .. Elliot diseñadores web que no se puede codificar

Desde el botón y el texto están en línea, por lo que el texto se alineará a la parte inferior del botón de opción, el texto del que parecen estar ligeramente por debajo del botón de radio.
Si usted quisiera que éstos se alinean con la parte superior, tendrá que poner la radio y el texto en contenedores separados, como divs o vanos (según corresponda) y que se hará cargo de la alineación. Sería más fácil de usar celdas de la tabla también, de su informe de diseño lo permite.

Esto no tendrá el mismo aspecto en todos los navegadores, ya que cada navegador muestra las radios de forma ligeramente diferente, por lo que siempre va a haber problemas de tamaño no importa lo que haces.

HTML5 es aún un proyecto. Al momento de escribir, trabajo en HTML 5, que comenzó en 2004, todavía está siendo determinada la forma de un esfuerzo conjunto entre el Grupo de Trabajo HTML del W3C y la WHATWG . La palabra es que la próxima generación de HTML tendrá mejoras y características, lo que la nueva estructura y la semántica, los controles de formulario, APIs, etc etiquetas multimedia.

En Inglés sencillo ... ¿qué significaría para los desarrolladores de la interfaz de usuario nos ...

• Habrá adición de algún saber etiquetas estructural. <article>, <sección>, <header>, <aside> y <nav>, que sustituiría a la mayoría de los <div> s utilizado en una página web, haciendo que sus páginas un poco más de semántica, pero lo más importante, más fácil a leer.
  Hey! Imagínese el trabajo que se ahorra al considerar que falta una etiqueta DIV cerca.
  por ejemplo,

  <body>
   <header> ... </ encabezado>
   <nav> ... </ nav>
   <article>
     <section>
       ...
     </ Seccion>
   </ Article>
   <aside> ... </ a un lado>
   <footer> ... </ pie de página>
 </ Body> 

En lugar de

  <body>
   <div id="cabecera"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 

• Con el advenimiento de contenido de audio y de vídeo como YouTube, el uso de multimedia embebidos en la página web ha increaded por el pliegue. Teniendo esto en cuenta, ahora el plan es agregar soporte nativo para la incorporación de vídeo y audio en el propio navegador, por lo tanto, permiten a los usuarios reproducir, pausar, detener, buscar y ajustar el volumen utilizando la orden interna DOM APIs para las secuencias de comandos para controlar la reproducción.

por ejemplo,

  <video poster="poster.jpg">
     <Fuente src = "video.3gp" type = "video/3gpp"
     los medios de comunicación = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Div>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Audio> 

• Una mejor definición de los roles semánticos de los elementos existentes para, por ejemplo. <strong> y <em> ahora podría en realidad tienen significados distintos es decir, se comportan de manera diferente.

Hay muchos más cambios y actualizaciones a la versión más reciente ... Seguiremos actualizando este post, ya que vengo cruzando los seres útiles interesantes .... Mire este espacio

Este documento no puede proporcionar información precisa como la especificación de HTML 5 está todavía activa en el desarrollo. En caso de duda, siempre revise la especificación de HTML 5 aquí .

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"

• La Declaración de tipo de documento tiene que estar presente al principio de un documento que utiliza la sintaxis HTML. Opcionalmente, se puede utilizar dentro de la sintaxis XHTML, pero no es necesario. El documento XHTML no es necesario incluir el DOCTYPE ya que los documentos XHTML que se entregan con un adecuado tipo MIME XML y se procesan como XML por los navegadores, siempre se representan en ningún modo de peculiaridades.

• En XHTML, los nombres de etiquetas distinguen entre mayúsculas y minúsculas, y generalmente se definen para ser escrito en minúsculas. En HTML, sin embargo, los nombres de etiquetas distinguen entre mayúsculas y minúsculas y puede ser escrito en todos los casos en mayúsculas o mixta, a pesar de la convención más común es seguir con minúsculas. El caso de las etiquetas de inicio y el final no tiene que ser el mismo, pero siendo coherente hace que el limpiador mirada código.

BENEFICIOS DE USAR HTML

• Compatible con los navegadores existentes
• Los autores ya están familiarizados con la sintaxis
• La sintaxis de la indulgencia y el perdón significa que no habrá ningún usuario hostil " de la pantalla amarilla de la muerte "si un error accidental se desliza a través
• Sintaxis abreviada conveniente, por ejemplo, los autores pueden omitir algunas etiquetas y valores de atributos

BENEFICIOS DE USAR XHTML

• Estricta sintaxis XML invita a los autores a escribir marcado bien formado, que algunos autores pueden encontrar más fácil de mantener
• Se integra directamente con otros vocabularios XML, como SVG y MathML
• Permite el uso de procesamiento de XML, lo que algunos autores utilizan como parte de su edición y / o procesos de publicación