Hoje vou postar algo aparentemente simples, mas achei bem interessante. O padrão web de hoje é o chamado tableless que no popular siginifica "não se usa mais tabelas em um site moderno". Então, devemos usar o poder do css para colocar todo tipo de estilos nele. O que achei interessante é a questão do alinhamento, existe um modo simples de alinhar seu site todo no centro com uma regra simples de css. Não é muito claro, mas o padrão é interessante.
Estava tentando alinhar meu site verticalmente centralizado, mas não estava entendendo como. Antigamente usávamos algo como:
- Criar uma tabela geral colocando dentro da tag table um style="align=center";
- Ou criar uma div mais externa também com a tag style="align=center";
Hoje o interessante é usarmos tudo no padrão, de preferência dentro do um estilo css. Podemos fazer algo bem simples como:
<html>
<head>
</head>
<body id="alinhacentro">
</body>
</html>
E no nosso CSS criaríamos o "alinhacentro" da seguinte maneira:
#alinhacentro { width: 795px; margin: 0 auto; }
De acordo com essa definição teremos a div "alinhacentro" com uma largura fixa de 795px e o mais interessante é que quando definimos margin: 0 auto, estamos dizendo que automaticamente nossa margem terá 0 tanto acima como abaixo dela e margens direita e esquerda automáticas, centralizando então o site.
É algo bem simples, mas achei legal essa regra do CSS.
Nenhum comentário:
Postar um comentário