Para criar um site cross-browser, ou seja que funcione em vários navegadores, é preciso testar ele, em vários navegadores(pelo menos os mais usados).
No Internet Explorer 6 eles adotam os seus próprios padrões, enquanto no IE7 eles já resolveram usar os padrões existentes, com isso pode existir muita diferença, na visualização da pagina de uma versão pra outra.

Então para poder ter o Internet Explorer 6 e 7 no mesmo pc, existe o programa Multiple IE. que pode ser baixado aqui: http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

Ele tem varias versões do IE da 3 até a 6, ou seja atualize o seu IE para o 7 através do Windows Update, e depois instale o Multiple IE.

Com isso se o seu site funcionar no IE6, 7 e no Firefox, o seu site vai funcionar para mais de 80% dos usuários.

No windows a tecla TAB, todo mundo sabe para que serve né(se não sabe, clique nele e descubra =D).

Mas existe algumas combinações de teclas com o tab que creio que não sejam muito conhecidas.

ALT+TAB

Esse é tão conhecido quanto o tab né?, ele permite alternar entre as janelas existentes.

SHIFT+TAB

O shift+tab , faz o contrario do tab, ao invez de ir para o próximo item, ele volta para o item anterior, extremamente util, principalmente em formulários, caso tenha esquecido ou pulado algo.

CTRL+TAB

O ctrl+tab, tem a mesma funcionalidade do que alt+tab, mas dentro de softwares que tenham abas, ou seja ele vai alterar entre as abas existentes. Creio que isso funcione em qualquer software que tenha abas, no firefox, e ie7, é certeza que funciona.

E aproveitando o post existe o CTRL+F4 que permite fechar uma aba(em softwares que tenha aba né), no firefox, e IE7

CSS Hacks não são mais do que “gambiarras”, no código que abusam de erros de renderização dos navegadores. Eles são códigos CSS que fazem funcionar ou não, um certo código em um determinado browser.

É extremamente comum, após criar o layout do site, ele ficar certinho em um navegador, e em outro ter alguma coisa errada ou tudo errado, principalmente no terrível, Internet Explorer 6 ou anterior, que para alegria e satisfação geral adota os seus proprios padrões do CSS.

Para resolver isso foi criado os CSS hacks, que permitem corrigir, algo, no navegador desejado, podendo ocultar ou adicionar alguma classe ou atributo.

Como os problemas acontecem na maioria das vezes, no Internet Explorer, a maioria dos hacks são feitos somente para ele.

Então vejamos alguns hacks:

(more…)

Um dos tantos problemas do Internet Explorer 6 é o das imagens .PNG com fundo transparente, que ele não reconhece e por isso adiciona um fundo claro a elas.
Mas existe um jeito de corrigir isso, veja como fazer esse hack:

(more…)

Para quem usa o Firefox ou o IE7, existe um mecanismo de pesquisa com varias opções como google, yahoo, wikipedia, etc. E é possivel adicionar o seu blog a esse sistema, para que qualquer um possa pesquisar diretamente em seu site, com isso ao clicar na seta ao lado so sistema de pesquisa irá aparecer adicionar “Seu site”, como pode ser visto aqui no site.

Isso irá funcionar em qualquer sistema CMS, que tenha um sistema de busca interna

Crie um arquivo, use o seu editor de texto preferido, como por exemplo o bloco de notas, chamado de pesquisa.xml, contendo as seguintes informações:

Altere os itens em negrito para os do seu site

<?xml version=”1.0″?>
<OpenSearchDescription xmlns=”http://a9.com/-/spec/opensearch/1.1/”>
<ShortName>Titulodoseusite</ShortName>
<Description>Descrição do sistema de pesquisa</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image height=”16″ width=”16″ type=”image/x-icon”>http://clubepc.org/favicon.ico</Image>
<Url type=”application/x-suggestions+json” method=”GET” template=”http://seusite.com/?s={searchTerms}”/>
<Url type=”text/html” method=”get” template=”http://seusite.com/?s={searchTerms}”/>
</OpenSearchDescription>

Vou explicar um pouco para que serve os campos, que devem ser alterados

ShortName: Texto que irá aparecer no mecanismo de pesquisa.

Description: Descrição curta sobre o mecanismo de busca. não sei onde isso é usado

Image: Imagem que irá aparecer no mecanismo de pesquisa, deve ser um favicon e com tamanho de 16×16

Url: Aqui são as urls para o mecanismo de busca de seu site

Atenção: Só altere os itens que estão em negritos para não dar erro.

Com o arquivo salvo envie ele para a mesma pasta onde se encontra o seu site,

Agora adicione o seguinte, alterando os itens em negrito para ficar de acordo com o do seu site, no header do seu site(no wordpress isso fica no arquivo header.php de seu template).

<link rel=”search” type=”application/opensearchdescription+xml” title=”Titulodoseusite” href=”http://seusite.com/pesquisa.xml”>

Bem simples não?