Si usted es un programador de sitios web sin duda dado cierta importancia a la creación de cross-browser de código, y XHTML y CSS válidos.
Seguramente usted sabe también cuánto tiempo se pierde cada vez que en todos esos "hack" y "arreglar" para los diferentes navegadores!

Stylized Web ha creado una lista de los 10 más piratear y trucos útiles que pueden ayudar a los programadores de sitios para ahorrar tiempo de escribir código ...

1. Vertical alinear div

http://stylizedweb.com/2008/02/01/vertical-align-div/

2. Altura Min -

  (selector 
  min-altura: 500px; 
  altura: auto;! importante 
  altura: 500px; 
  ) 

3. PNG transparente

(click aquí)

4. Autoclaves

  . Contenedor: después de ( 
  contenido "." 
  pantalla: bloque; 
  altura: 0; 
  claro: ambos; 
  visibilidad: ocultos; 
  ) 
  . Recipiente (pantalla: en línea de mesa;) 
  / * Oculta de la IE-mac \ * / 
  * Html. Contenedores (altura: 1%;) 
  . Recipiente (pantalla: bloque;) 
  / * Fin de ocultar IE-mac * / 

5. Restablecer CSS

  cuerpo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, la forma, 
  Cooperación, de entrada, p, blockquote, TH, TD ( 
  margin: 0; padding: 0; 
  ) 
  mesa (frontera-colapso: colapso; frontera-espaciamiento: 0;) 
  Cooperación, img (frontera: 0;) 
  dirección, título, citar, el código, DFN, em, fuerte, TH, (var 
  font-estilo: normal; de fuente: normal; 
  ) 
  ol, ul (lista de estilo: ninguno;) 
  Leyenda, el (texto-se suman: a la izquierda;) 
  h1, h2, h3, h4, h5, h6 (font-size: 100%;) 
  q: antes, q: después de (el contenido: ";) 

6. Desplazamiento hacen de Internet Explorer

  html ( 
  antecedentes: url (nulo) fijo no repetir; 
  ) 

7. Opacidad

  (# Transdiv 
  filtro: alfa (opacidad = 75); 
  -MOZ-opacidad: .75; 
  opacidad: .75; 
  ) 

8. PRE etiquetas

  pre ( 
  blanco el espacio: antes de la recapitulación; / CSS-3 * * / 
  blanco el espacio:-MOZ-pre-recapitulación! importante; / * Mozilla, desde 1999 * / 
  blanco el espacio:-pre-recapitulación; / * Opera 4-6 * / 
  blanco el espacio:-o-pre-recapitulación; / Opera 7 * * / 
  palabra-recapitulación: break-word; / * Internet Explorer 5.5   * / 
  ) 

9. LI: antecedentes reiterados en Internet Explorer

  <! - [Si lt IE 7]> 
 <style> 
  # Leftnav li (zoom: 1;) / * * haslayout = true / 
  </ Style> 
  <[endif] -> 

10. Es bueno saberlo ...

  @ Charset "UTF-8? 

  / * ------------------------ 
 WinIE7 
  ------------------------ * / 
  *: Primer niño selector html   (propiedad: valor;) 

  / * ------------------------ 
  WinIE6 y Mac, es decir, 
  ------------------------ * / 
  * HTML selector (propiedad: valor;) 

  / * ------------------------ 
 WinIE6 
  ------------------------ * / 
  / * \ * / 
  * HTML selector (propiedad: valor;) 
  / ** / 

  / * ------------------------ 
  Macie 
  ------------------------ * / 
  / * \ *//*/ 
  selector (propiedad: valor;) 
  / ** / 

Artículos Similares

1. CSS diferente para otro navegador
2. Añadir nuevas funciones a CSS
3. Flash MP3 Player: DewPlayer
4. Cómo crear una cruzada en imágenes desvanecerse páginas html
5. Enviar E-mail html con Php

Si te gusto el artículo, siempre es bienvenido un comentario! Si desea recibir las últimas noticias de mi blog en el que también pueden suscribirse a feeds RSS (no pago). Incluso a través del correo electrónico. HOLA!