O padrão CSS (Cascading Style Sheets) já é muito usado por webmasters para configurar fontes e fundos de página. Mas pouca gente aproveita a tecnologia para definir o layout do site, substituindo as tradicionais tabelas do HTML. Até algum tempo atrás isso era arriscado, pois o suporte dos browsers ao CSS ainda engatinhava. Mas os navegadores atuais já interpretam bem o padrão, o que permite usá-lo com bastante precisão.
O objetivo deste tutorial é criar o layout de um site sem usar o manjado comando “table” do HTML. Em seu lugar entra um conjunto de recursos do CSS conhecido como CSS-P (Cascading Style Sheets Positioning). A principal vantagem desse método é que todo o layout fica num arquivo separado que vale para o site inteiro e só é carregado uma vez pelo navegador. Isto evita a repetição de tags nas páginas e permite alterações mais rápidas no visual do site.
Neste tutorial escolhemos um layout com quatro áreas: cabeçalho horizontal (onde normalmente entram logotipo e banner), coluna esquerda (menu de navegação principal), coluna central (área de conteúdo e destaques) e coluna direita (navegação secundária, links para parceiros etc.).
Comentários