Páginas

30 março 2010

Seu site centralizado com CSS

Antigamente quando se queria centralizar uma página do seu site muitos usavam tabelas. Coisa em dia é permanentemente proibida, pois não é de acordo com a W3C, fazer seu site em tabelas e sim fazer uma demonstração por exemplo de preços em uma tabela.
Era feito o emprego do elemento table e fazia o seu tamanho conforme ficasse ao centro o seu contéudo. Hoje em dia faz-se o uso dos estilos em cascata (CSS[bb])
Uma coisa que todo webdesign tem que fazer é testar o seu layout em vários navegadores e muitas das vezes um layout parece igual ao que você projetou e quando vai passar para o Internet Explorer você se depara com algumas imperfeições. Mas por que isso? Será que sou um anti Internet Explorer? Não. Somente porque o IE não rege com as normas da W3C e assim deixando o seu layout diferente.

Vamos para o estilo e a sua correção para o Internet Explorer:
  •      CSS

body            {

            margin: 0 auto;
            padding: o auto.
            background-color: #CCC;
            text-aling: center     /*Para o Internet Explorer*/
            font: Verdana, Arial, "Times New Roman" #000 12px;
   
                }


#centralizar    {   
            margin: 0 auto;
            padding: 0 auto;
            width: 950px; /*Resolução 1024x768*/
            height: auto; /*A altura será automática*/
            text-align: left      /*Conserta o center para o Internet Explorer*/
            border: 1px solid #CCC;
        }

Nenhum comentário:

Postar um comentário

Olá Leitores(as), usem esse espaço com sabedoria. Caso necessite me sigam pelo Twitter: @leo_barros

Related Posts Plugin for WordPress, Blogger...