Alguns layouts em (x)HTML+CSS para referência em posições de layouts retirado do css tricks.

Exemplos:
Fixed-Fluid

Fixed-Fluid-Fixed

Fluid-Fixed

Half-and-Half

Segue um pack de menus em CSS para download grátis que achei navegando por alguns blogs gringos..

Menus são usados com todos os tipos de estilos, cada website tem seu estilo de menu, então caso você não esteja inspirado para criar um menu use algum desse pack que são muito bons e servem como ótima inspiração.

Download aqui!

Uma ajuda sempre cai bem,

css cheat sheet para ajudar os developers!

Download aqui.

Fonte: smashingmagazine

A maioria das pessoas usam este código. Primeiro você cria um arquivo CSS que mais acessível ao Firefox e depois cria um com algumas modificações para o IE.

<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href=" styleie6.css " media="screen" /><
<![endif]-->

Para outras versões do IE basta mudar o número 6 para a versão desejada.

Não no seu código do seu web site mas sim no seu arquivo css.

#header {
margin-left: 10px; /* código comum */
_margin-left: 20px /* código com hack */
}

Este é o hack mais popular para deixar suas imagens .png com fundo transparente no IE, para usá-lo basta aplicar o seguinte código.

<!--[if lte IE 6]>
<style>
#header, #navigation, e outra id ou classe que você tem .png background-image { behavior: url("caminho para seu pngfix/iepngfix.htc") }
</style>
<![endif]-->

É um hack para PNG transparente para o browser IE.

<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
DD_belatedPNG.fix(’#container, #banner, #logo‘);
</script>
<![endif]–>

Este hack você deve usar apenas quando não tem mais nem uma solução para o IE6, use apenas quando precisar, ao contrário o cliente pode se sentir ofendido ou então nem baixar um browser compatível fazendo assim você perder um acesso ao seu site.

$(function(){
if($.browser.msie && $.browser.version<7)
$('#top').before(
'<div>'+
'Foi detectado que você está usando o IE6 ou uma versão anterior.
Infelizmente não suporta este website'+
'\'
Recomendamos que você atualize para o '+
'Internet Explorer ou FireFox.'+
'</div>'
)
});

Sempre é bom ter um CSS bem estruturado em seu website, por isso estarei postando a baixo 5 dicas úteis para você implementar em seu CSS e entre elas uma dica para o IEca.

FONT

Você pode por várias propriedades de fontes em uma única linha de código.

h3.texto {

font: 28px “Arial”, Helvetica, sans-serif;

color: #333;

}

MARGIN/PADDING

A imagem acima mostra a diferença entre margin e padding, nem preciso dizer que o IEca tem um problema com padding, então citarei também uma dica para o IEca ignorar uma propriedade.

.caixa {

margin-top: 10px;

margin-bottom: 20px;

margin-left: 5px;

margin-right: 5px;

}

.caixa { margin: 10px 5px 20px 5px }

caixa.margin: 20px !important; margin: 10px;

Obrigado.