Se você é um programador de websites certamente dada alguma importância à criação de cross-browser código, e CSS e XHTML válido.
Com certeza você também sabe quanto tempo é perdido cada vez em todos estes "hack" e "correção" para navegadores diferentes!

Estilizado Web criou uma lista das 10 hack e truques mais úteis que podem ajudar a salvar alguns programadores sites' tempo escrevendo código ...

1. Vertical alinhar div

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

2. Min-Height

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

3. PNG transparente

(clique aqui)

4. Autoclaves

  . Recipiente: depois ( 
  conteúdo "." 
  display: block; 
  Altura: 0; 
  claro: ambos; 
  visibility: hidden; 
  ) 
  . Contentor (display: inline-table;) 
  / * Oculta do IE-mac \ * / 
  * Html. Container (altura: 1%;) 
  . Contentor (display: block;) 
  / * Fim de esconder IE-mac * / 

5. CSS Reset

  corpo, div, dl, dt, dd, ul, ol, li, H1, H2, H3, H4, h5, h6, pre, form, 
  fieldset, entrada, p, blockquote, th, td ( 
  margin: 0; padding: 0; 
  ) 
  mesa (border-colapso: Colapso; border-espaçamento: 0;) 
  fieldset, img (border: 0;) 
  endereço, legenda, cite, código, DFN, em, forte, th, (var 
  font-style: normal; font-weight: normal; 
  ) 
  ol, ul (list-style: none;) 
  legenda, th (text-align: left;) 
  H1, H2, H3, H4, h5, h6 (font-size: 100%;) 
  q: antes, q: after (conteúdo: ";) 

6. Rolagem de tornar o Internet Explorer

  html ( 
  background: url (null) fixo no-repeat; 
  ) 

7. Opacidade

  (# Transdiv 
  filtro: alpha (opacidade = 75); 
  -moz-opacidade: ,75; 
  opacidade: ,75; 
  ) 

8. PRE Tag

  pré ( 
  white-space: pré-wrap; / css-3 * * / 
  white-space:-moz-pre-wrap! importante; / * Mozilla, desde 1999 * / 
  white-space:-pre-wrap; / Opera 4.6 * * / 
  white-space:-o-pre-wrap; / Opera 7 * * / 
  Palavra-wrap: break-word; / * Internet Explorer 5.5   * / 
  ) 

9. LI: repetidas fundo no Internet Explorer

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

10. Bom saber ...

  @ Charset "UTF-8?; 

  / * ------------------------ 
 WinIE7 
  ------------------------ * / 
  *: Primeiro-filho selector html   (propriedade: valor;) 

  / * ------------------------ 
  WinIE6 & Mac ou seja, 
  ------------------------ * / 
  * Html selector (propriedade: valor;) 

  / * ------------------------ 
 WinIE6 
  ------------------------ * / 
  / * \ * / 
  * Html selector (propriedade: valor;) 
  / ** / 

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

Objetos análogas

1. CSS diferente para cada navegador
2. Adicionando novas funcionalidades para CSS
3. Flash MP3 Player: DewPlayer
4. Como criar um cross-fading imagens em páginas html
5. "Clique para ativar e usar esse controle"

Se você gostou semper artigo é um comentário bem-vindos! Se quiser receber as últimas notícias do meu blog você também pode se inscrever nos RSS feeds (não pagantes). Até mesmo por e-mail. OLÁ!