Expressá-la

Tinha lido isso em algum blog ... pensei que era bom para catalogar isso para ref futuro .... também poderia ser uma questão importante entrevista que você pediu a alguns dias ....

Escreva um trecho de CSS que irá exibir um parágrafo em azul em navegadores mais antigos, os navegadores mais recentes em vermelho, verde e preto em IE6 no IE7

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

Tive esse problema estranho, onde um pedaço de Javascript funcionou bem em todos os ans navegador como o IE bar habitual Simples ... que era, mas desde que o script não foi escrito por mim, Levou um tempo para depurar esse "Objeto não suporta esta propriedade ou método" erro que só o IE estava vomitando. Provavelmente! Se eu fosse escrever o roteiro, eu não teria conseguido esse erro em tudo, como não misturar meus nomes de variáveis ​​com campo Ids :).

Problema: O objecto não suporta esta propriedade ou método (na linha 3)

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

Solução:
O erro é gerado no thirdrow no exemplo acima (Linha 3 ... "shortdesc = document.getE ...."). Eu tentei todo o tipo de coisas estúpidas, que eu não é mesmo vale a menção aqui e, finalmente, adivinhem! alterando apenas a var shortdesc para outra coisa se ​​livrou do erro. Basicamente! O nome da variável teve de diferente do fieldID

Por algumas horas, agora tenho estado a olhar para soluções para executar / testar meus HTMLs estáticos no emulador Eclipse / Android. Não foram totalmente bem-sucedida ainda .... o que quero dizer com "Totalmente" é o HTML é carregado OK, mas tudo o CSS e JS, ou seja, a expressão visual não é visto. Em palavras de desenvolvimento, o CSS não é aplicado à página ...

Pensei que seria alguns colegas novatos desenvolvedores do Android da interface do usuário, Se eu observar o trecho abaixo que eu usei para exibir o código HTML.

E gurus Android, POR FAVOR adicione seus comentários para nos ajudar a novatos na interface do usuário desenvolvedores de aplicativos móveis mais!

Desculpe! mas estou supondo que você sabe como criar um aplicativo móvel Android no Eclipse.

Criar esta como a sua atividade, o que irá ler 'index.html' o arquivo de seus ativos de projeto / pasta.

 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();    }  } } 

Re Ciclismo é Buzzword e em Desenvolvimento Web isso significa não é diferente. Ele conserva a energia, em termos de esforço!

Ao longo de anos de escrita e criação de HTML CSS a partir de desenhos, eu tenho seguido algumas das melhores práticas, em busca de economia de tempo e energia naquilo que comumente termo como "Re-inventar a roda". E outra vez, eu disse a mim mesmo, que eu preciso criar alguns modelos, alguns CSS reutilizável padrão que eu usaria OUT OF THE BOX no meu trabalho futuro. Embora não completamente, mas eu consegui atingir alguns dos objetivos.

Ao promover, Re-utilização de CSS, eu tinha um olhar para os quadros alguns CSS que são comumente disponível para nós e decidiu colocá-los para usar, uma vez que estes são experimentadas e testadas e criadas por muito desenvolvedores experientes, do que eu. Mais importante "evitar a re-inventar".

Apesar de conhecimento comum para os veteranos, eu tentei caneta alguns dos principais conceitos / melhores práticas / pensamentos que tem ido para a criação dessas estruturas, para fazer reciclagem de CSS possível. Espero que isto ajude alguns desenvolvedores CSS que estão prestes a embarcar e, recentemente, o bandwagon CSS!

Teclas de reciclagem de CSS:

Use Convenções de Nomeação

Isso tem que ser o fator mais importante para tornar a CSS / HTML re-utilizável. Dando nomes consistentes para os elementos da página permite a reutilização dos componentes PAGE, e suas cores, com pouca ou modificações. De acordo com este argumento, Mesmo HTML5, em uma mudança grande mudança em relação aos seus antecessores, é apresentar alguns viz marcas estrutural. <article>, <section>, <header>, <aside> e <nav> [ O que vai trazer HTML5? ]. Mesmo com HTML 4 (ou inferior), é melhor para nomear seções padrão da sua página consistanly como no exemplo simples abaixo ...

Lembre-se, A maioria das páginas do seu projeto, acabam por ter os mesmos elementos principais estruturais. Identificar esses elementos de página comuns núcleo ....

  <div id="container">
    <div id="header"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

Redefinir estilos padrão (CSS Redefine): Se você usa um quadro ou escrever o seu próprio, você deve fornecer CSS Redefine [ Quais são CSS Redefine? ], como eles às vezes reduzir ou eliminar as inconsistências visuais que ocorrem entre vários navegadores. Em palavras simples o Mecanismo Redefinir CSS define os estilos de Elemento HTML para valores zero ou nulo, portanto, substituindo os valores padrão do navegador podem coloca. Isso fornece uma ardósia limpa para definir as propriedades destes elementos vazio de quaisquer padrões User-Agent [ CSS2.1 User Agent Padrões de folha de estilo ]. Todos os quadros CSS têm de mecanismo de reset. Se você está escrevendo você próprio CSS Redefine, uma palavra de cautela é que, se acontecer de você se esqueça de repor uma propriedade de chave, ele pode levar a questões cross-browser, que são muito difíceis de depurar. Lembre-se, Mantenha uma cópia dos estilos de reset e deixá-los em cada novo projeto que você criar.

  corpo, div, dl, dt, dd, ul, ol, li,
  h1, h2, h3, h4, h5, h6,
  pré formulário, fieldset, input, select, textarea,
  p, blockquote, tabela, th, td
  {
    margem: 0px;
    margin: 0;
    padding: 0;
  } 

Padrões definidos (Estilos de linha de base) para elementos:

Depois de ter definido (a zero ou nulo) os valores padrão de certos atributos de certos elementos de HTML, é necessário aplicar alguns estilos em todas as instâncias desses elementos. Estes configuração padrão pode variar de acordo com o projeto ou de acordo com as melhores práticas que você segue.

A maioria dos quadros CSS, sempre apresenta alguns novos padrões, além de redefinir estilos padrão do navegador.
Esses padrões estar vazio dos Padrões de User-Agent (arrancada pela redefinição CSS), estes irão ser consistente em todos os navegadores.

Lembre-se, estilos de referência são utilizados para definir estilos que vão ser usados ​​projeto como um todo. por exemplo.

  html {font-size: 77%; font-family: Arial, sans-serif;}
 forte, H1, H2, H3, H4, H5, H6 {font-weight: bold;} 

Estilos comuns abstratos para componentes HTML e classes comuns:

A maior parte do projeto que consiste em várias páginas terá elementos HTML comuns utilizados em todo o site, por algum tipo de formas, por exemplo, alertas e erros, Popups personalizados, etc Lightboxes Como esses componentes são usados ​​mais uma vez entre os projetos, ele vai ser útil para fornecer uma conjunto de classes associadas com estilos pré-definidos para estes componentes e você pode salvar um monte de tempo.

Além de definir definições reutilizáveis ​​estilos para os componentes comuns em HTML, poderíamos classes abstratas estilos pertencentes a cor tipografia, ou mesmo layout. Eu mesmo tendem você usa ... as classes comuns, como Clearfix, Font08, FontGrey, AlignL, DisplayB etc

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

Correções para peculiaridades comuns do navegador

Vários navegadores implementar o código CSS e proporcionar variação do nível de suporte para as especificações de CSS. O resultado desta .... "Peculiaridades do Navegador", que nós, os desenvolvedores são deixados para enfrentar. Especialmente, IE6 assombra mais codificadores CSS com um prazo a cumprir. A boa notícia é experiência reuniu possíveis correções reutilizáveis ​​para estas questões (muitas vezes denominado como CSS Hacks ).

Lembre-se, Mantenha estes hacks / correções à mão

  / * O zoom seguinte: 1 regra é especificamente para IE6 + IE7.  * /
    * Html. Clearfix,
    *:. First-child + html {clearfix
           zoom: 1;
      } 

Mantenha refinar sua CSS

• O hábito de reciclagem não vai chegar até você em dia. Tem que desenvolvido. Portanto, planeje sua reciclagem. Tenha isto em mente que você poderia padrões abstratos, definições estilos de tipografia, Layouts, Estilos Elemento HTML etc Tente pensar no futuro.
• Também olhar para trás em seus projetos anteriores, vai ajudar a identificar estilos que tendem a usar muitas vezes através porjects. Resumo-lo.
• Remova todos os estilos não utilizados. Esta prática irá manter o seu quadro de CSS a partir de um sintoma comum chamado de "inchaço" -
• Remover estilos repetitivos.
• Construir um conjunto de estilos que são flexíveis o suficiente para transportá-lo através de projetos.

Um olhar sobre CSS Frameworks

Finalmente. Se você está inspirado e pretende usar um ou mais dos quadros CSS, Heres é rápida lista de alguns populares ....

• 960 Grid System : The Grid System 960 é um esforço para agilizar o fluxo de trabalho de desenvolvimento web, proporcionando dimensões comumente usados, com base em uma largura de 960 pixels. Existem três variantes: 12, 16 e 24 colunas, que podem ser utilizados separadamente ou em conjunto. Pensamento nada que você não pode criar um para o seu próprio com bastante facilidade, o quadro fornece modelos de grade para impressão em formato PDF, que pode-se usar a esboçar o seu designs.Bet página, faria uma impressão profissional, se você levar algumas folhas quando você vai a um cliente para levantamento de requisitos de interface do usuário. Ele também fornece modelos de grade básicas para design de software populares, como Fireworks, Flash, InDesign, Illustrator, Photoshop, Visio, etc fornecendo um "Starter for Ten" para começar o seu trabalho de design.
• Blueprint : Blueprint fornece arquivos distintamente classificados CSS para Redefine, Grades, formulários, impressão, tipografia, Plugins para botões, abas e sprites etc Ele também fornece suporte para IE como um separado incluir.
• SenCSs : Ao contrário dos dois acima, SenCSs (Sense pronunciado), não tem definições de CSS para layout. Ele inclui fontes, preenchimentos, margens, tabelas, listas, cabeçalhos, blockquotes, formulários e muito mais.
• BlueTrip : Seu pedido inicial para a fama era isso, era uma combinação dos melhores recursos fornecidos por outros frameworks outros como azul de viagem de impressão, oli ... de onde vem seu nome. Seu conjunto de recursos inclui 24-coluna de grade, estilos de tipografia, estilos ORM, impressão, botões, etc
• YUI Grids : Trazido a você pelo Developer Network Yahooo, suporta fluido largura (100%), bem como layouts pré-definidos de largura fixa layouts em 750px, 950px, 974px e, ea capacidade de personalizar facilmente para qualquer número. Como você pode ver, sua técnica apenas os componentes de layout. YUI também forneceu HTML / CSS conjuntos para outros elementos da página
• YAML (Yet layout Outra várias colunas)
• Emastic

Lembre-se, utilizando frameworks CSS não implica que você é preguiçoso para criar o seu próprio ... Isso implica que você é inteligente para aprender com outras experiências e erros, economizar tempo e aumentar a produtividade!!

CSS completou 10 anos existência este ano! Aqueles que estiveram ao redor por um tempo, ganhando o seu pão (ou não) usando o CSS, então você pode consciência de como temos fome de uma boa selecção de fontes. Mesmo com a falta de fontes designers como aqueles em CSS Zen Garden fizeram uso de imagens de fundo CSS para substituir fontes na busca de fazer alguma justiça a seus projetos. Nós também tentamos Flash / JavaScript ® hacks para atingir os objetivos de nosso projeto. De maneira nenhuma este é um caminho errado para obter as fontes que desejamos em nossos projetos de web, mas definitivamente, não é a forma mais desejável. e ao longo dos anos web designer, como eu, totalmente contou com dez ou mais fontes para seus projetos.

Desenvolvimentos recentes na web standards e formatos de letra tornam possível processar texto HTML em caracteres tipográficos que não sejam as mesmas fontes padrão antigo. Vem no "@ fontface" decleration CSS.

@ Fontface provids uma solução para link para o arquivo fonte real e recuperá-la na web. Usando @ fontface, os designers podem usar fontes sem ter que congelar o texto como imagens de fundo. A aplicação é muito simples, como mostrado abaixo, mas como todas as coisas boas têm um papel CON-lo, nem todos os navegadores suportam um "tipo de fonte" única. Se você estiver planejando usar fontface @ no site com necessidade de suporte cross-browser, então você terá que fornecer fontes para vários tipos de font-o mesmo.

1. TrueType - Um formato projetado para ficar bem na tela. Recomendado especialmente para o Windows navegadores (Chrome).
2. OpenType (CFF) - Este formato é melhor para o trabalho de impressão e nem sempre ficam bem em Windows.
3. EOT - Você precisa desse formato se você deseja direcionar o Internet Explorer. IE não vai usar qualquer outro formato. Nosso EOT seriam considerados "Lite", já que não são nem comprimida nem o domínio restrito.
4. SVG - Este é um formato XML suportada por alguns navegadores, incluindo o iPhone.
5. WOFF - Este cross-browser, web-somente o formato da fonte é leve (dados da fonte é compactado) e pode ser compilado com TrueType ou PostScript (CFF) descreve. Hoje é suportado pelo Firefox 3.6 +.

Usando @ fontface

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

Como você pode ver no exemplo acima, para incluir o tipo de letra escolhido, tem de se vincular a um conjunto de fonttypes para o mesmo tipo de letra. Daí as pessoas se referem a ele como "Kit Fonte".
Há Kits de fonte disponíveis que explicitamente permite a ligação com o @ propriedade CSS font-face-to-lo sob End User License Agreement (EULA).

Recursos úteis WebFont:

• Fontes disponíveis para @ font-face-embedding página wiki em http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . Ele é um designer de renome fonte que fez centenas de interessantes fontes TrueType disponíveis gratuitamente para uso na web. Suas fontes são elegantes, decorativo, e brincalhão.
• Dieter Steffmann é outra grande fonte de designer. Ele também fez muitas fontes bonitas disponíveis para qualquer um usar.
• Loja Fonte : oferece fontes projetadas especificamente para uso na web. Mais de 30 das famílias FontFont mais bem-sucedidos estão agora disponíveis como FontFonts web. FontShop tem também um detalhado guia do usuário WebFont http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Esquilo Fonte : Vitrinas todas as fontes que Squirrel Font oferece para uso com a incorporação CSS @ font-face. Esquilo Font oferece uma quantidade impressionante de tipo, faz com que seja muito simples de escolher um para fora, e com folga oferece "kits" - a fonte de sua escolha, em diversos formatos, embalados com demo HTML & CSS que usa muito atual sintaxe @ font-face . Eles também oferecem uma maneira de fazer suas próprias @ font-face kits . Se o tipo de letra que pretende utilizar foi licenciado de forma adequada (os que vêm com o computador não são necessariamente bem), o gerador produz EOT, SVG, e hey! WOFF arquivos.

Com meu limitado conjunto de habilidades com ferramentas como Photoshop e Illustrator, eu posso confessar honestamente que eu sou um desenvolvedor melhor do que eu sou um designer. Mas a minha experiência com o núcleo (do lado do servidor) com desenvolvimento Java / PHP / COBOL, tem sido uma influência muito positiva sobre as minhas habilidades de desenvolvimento de interface do usuário. O que quero dizer é, ao criar meus projetos, ou seja, sempre que eu faço design, eu penso sobre como o projeto pode ser melhor convertidos em HTML e CSS enquanto faz o HTML-CSS, eu dou um pensamento sobre a tecnologia back-end e fazer razoavelmente certo que o HTML pode ser facilmente implementado em XSL loops ou trechos PHP etc

Nos últimos anos, tenho jogado de cabeça para projetos de designers de interface do usuário, que provavelmente donot ter uma idéia do que é HTML ou CSS. Todos esses anos eu tenho pensado que eu iria pedir demais, Se eu apenas esperar que o designer, que está tentando shov seu "impossível código" projeto goela abaixo, para entender um pouco o seu projeto seria convertido em. Isso ajudaria certo?

Então, me deparei com este post de hoje ... Web designers que não pode codificar ... Senhor Obrigado! Eu sou apenas um dos muitos que sentem o mesmo ... O artitle acima é um pouco longo fôlego .. mas vale a pena ler, cada palavra dele.

Obrigado Stocks Elliot Jay ... eu me sinto aliviado!

Eis alguns trechos de artigo Elliots .

Uau, que dia! Tudo começou com um tweet pouco e terminou com uma discussão que parecia varrer toda a comunidade web design. Parece que há algumas opiniões muito fortes realizadas sobre o assunto de se os designers de web deve ser capaz de código.
...
Então, antes de chegar a este, permitam-me recapitular rapidamente o que eu disse nesta manhã no Twitter:

Honestamente, eu estou chocado que em 2010 eu ainda estou vindo através dos web designers 'que não pode codificar seus próprios desenhos. Não há desculpa.

... Eu deveria ter sido um pouco mais específico na minha tweet. Eu estava falando sobre designers que não têm mesmo o mais básico de HTML e CSS habilidades para transformar um projeto simples em um site real. Não pessoas que intencionalmente não optam por código, aqueles que não podem. E eu também estou referindo apenas front-end código aqui, claro que é ridículo pensar que os designers devem também ser surpreendentes back-end programadores ...

Ficamos com 'web' projetos enviados em Illustrator, 300dpi, impossíveis de código, sem consistência / usabilidade.
~ Amy Mahon

Está ficando tarde, e eu tenho que acabar isto de alguma forma. Eu sei que haverá muitos que discordam de mim, e minha intenção não é ofender ou perturbar qualquer um que não pode codificar, mas espero que algumas das coisas que eu disse reflecte alguns dos pontos que sempre surgem quando se aprofundar este debate.

No final do dia, eu não perco o sono por causa que pode codificar e quem não pode. Eu sou apenas genuinamente surpreso ao encontrar tantos designers que carecem de front-end habilidades, como eu achava que isso era uma coisa do passado.

Leia também os comentários, havia cerca de 320 comentários, como eu escrevo ... que valem a pena uma leitura.
Por favor, leia Elliots post completo aqui .. Web designers que não pode codificar

Uma vez que o botão de rádio eo texto são in-line, de modo que o texto será alinhar-se para a parte inferior do botão de rádio, o texto a aparecerá a ser ligeiramente por baixo do botão de rádio.
Se você quer estes para alinhar ao topo, você vai ter que colocar o rádio eo texto em recipientes separados, como divs ou spans (conforme apropriado) e eles vão cuidar do alinhamento. Seria mais fácil de usar células da tabela, também, do seu projecto de design permite.

Isso não vai ser o mesmo em todos os navegadores, como todo navegador exibe rádios de forma ligeiramente diferente, por isso há sempre vai haver problemas de tamanho, não importa o que você faz.

HTML5 ainda é um rascunho. Enquanto escrevo, trabalhos sobre HTML 5, que começou em 2004, ainda está sendo dado forma por um esforço conjunto entre o W3C HTML WG eo WHATWG . A palavra é que a próxima geração HTML terá melhorias e recursos, o que faria nova estrutura e semântica, controles de formulário, APIs, etc etiquetas multimídia.

Em Inglês simples ... o que significaria para nós desenvolvedores de interface do usuário ...

• Haverá além de algumas marcas viz estrutural. <article>, <section>, <header>, <aside>, <nav> e, que substituiria a maioria dos <div> s usado em uma página Web, tornando suas páginas um pouco mais semântico, mas mais importante, mais fácil para ler.
  Hey! Basta imaginar o esforço salvo na constatação de que uma tag DIV falta perto.
  por exemplo

  <body>
   <header> ... </ header>
   <nav> ... <nav />
   <article>
     <section>
       ...
     </ Section>
   </ Article>
   <aside> ... </ lado>
   <rodapé> ... </ footer>
 </ Body> 

Em vez de

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

• Com o advento do conteúdo de áudio e vídeo como o YouTube, o uso de multimídia incorporados na página Web tem increaded por vezes. Levando isso em conta, agora o plano é adicionar suporte nativo para a incorporação de vídeo e áudio no próprio navegador, portanto, permitir aos usuários tocar, pausar, parar, procurar, e ajustar o volume usando o builtin DOM APIs para scripts para controlar a reprodução.

por exemplo

  <video poster="poster.jpg">
     <Fonte src = "video.3gp" type = "video/3gpp"
     media = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 <Áudio /> 

• Melhor definição de papéis semânticos para os elementos existentes para, por exemplo. <strong> e <em> agora pode realmente ter significados diferentes ou seja, eles irão se comportar de forma diferente.

Há muitas mudanças mais / upgrades para a versão mais recente ... vai continuar atualizando este post como eu venho transversalmente todos os mais interessantes úteis .... Assista a este espaço

Este documento não pode fornecer informações precisas como a especificação do HTML 5 ainda é ativamente no desenvolvimento. Em caso de dúvida, verifique sempre a especificação do HTML 5 aqui .

Tempo e outra vez, quando todos os outros navegadores vistas a se comportar como disse pelas regras W3C, espirais IE-lo do espírito de desenvolvimento, jogando uma birra, que não parecem ter uma correção. Apenas um tal é esta questão no IE7.

Declaração de problema:
Eu e por isso podem muitos dos outros desenvolvedores web graves ter notado mais do que muitas vezes, que quando há aninhados flutua no layout, na pairam sobre alguns links (tags de âncora), o recipiente contendo parece estar a transferir alguns pixels para a direita . Tentei soluções do Google para este problema, mas quase não encontrei uma resposta razoável por que e quando ele ocorre (que possam ajudar a evitar que esse problema acontecer), daí eu nunca encontrei uma solução clara para o problema ou ...

Solução possível:
Fora da experiência, tenho por cento aviso prévio de 90% do ie vezes, que esse problema é corrigido pela adição de uma propriedade zoom na definição da CSS do recipiente mal se comportando ...

 # {Somediv
       zoom: 1;
 }

novamente as razões são ambíguos ... tente isso ...
Alguns elementos do IE ter um "hasLayout" propriedade, que é "verdade" por padrão. Muitos comportamentos visuais CSS, por exemplo, um filtro de alfa só funciona em um elemento que hasLayout. eo {zoom: 1} parece dar os elementos-alvo a propriedade hasLayout .... Útil? Eu não penso assim ...

A propriedade de zoom é também parece suportado pelo Chrome, mas a sua força utilização parece fazer efeito adverso muito na minha disposição ... experimentá-lo, se ele funciona para você ... se isso não acontecer, bookmark esta página em "craps CSS"

• A Declaração de Tipo de Documento precisa estar presente no início de um documento que usa a sintaxe HTML. Pode opcionalmente ser usado dentro do sintaxe XHTML, mas não é necessária. O documento XHTML não precisa incluir o DOCTYPE porque os documentos XHTML que são entregues corretamente usando um tipo MIME XML e são processados ​​como XML navegadores, são sempre processados ​​em nenhum modo quirks.

• Em XHTML, os nomes de marca são sensíveis e geralmente são definidas para ser escrito em letras minúsculas. Em HTML, no entanto, nomes de marca são maiúsculas e minúsculas e podem ser escritas em todos os casos em maiúsculas ou misto, embora a convenção mais comum é para ficar com letras minúsculas. O caso das marcas de início e de fim não tem que ser o mesmo, mas sendo consistente faz o limpador aparência de código.

Benefícios da utilização de HTML

• Compatível com os navegadores existentes
• Os autores já estão familiarizados com a sintaxe
• A sintaxe tolerante e perdoar significa que não haverá nenhum usuário hostil " tela amarela da Morte "se um erro escorregar acidentalmente através de
• Sintaxe abreviada conveniente, por exemplo, autores pode omitir algumas marcas e valores de atributos

Benefícios da utilização de XHTML

• Sintaxe XML Strict encoraja os autores a escrever marcação bem formada, que alguns autores podem achar mais fácil de manter
• Integra-se diretamente com outros vocabulários XML, tais como SVG e MathML
• Permite o uso de XML Processing, que alguns autores utilizam como parte de sua edição e / ou processos de publicação