2 replies to this topic

[RafiWskY]

Bom Dia,

Estou re-iniciando os estudos e práticas em webdesign depois de muitos anos, e algumas coisas novas surgiram e outras não me lembro...rsrs

Estou tentando fazer o layout abaixo utilizando div, porém tenho um problema, no IE o conteúdo se alinha da forma como eu quero, no centro, já no CHROME ele fica alinhado a esquerda. Já tentei algumas coisas e não deu resultado. Alguém conseguiria identificar o problema ?

Obs: São três divs, topo, conteudo e rodape. Nas três coloquei uma tabela com 700px e centralizada. No DW aparece centralizado, o problema está na visualização no CHROME.


http://www.consultrain.com.br/layout2/





Abaixo segue o código css.

* {
margin: 0;
padding: 0;
}

body {
min-width: 700px;
}

#tudo {
width: auto;
height: auto;
}

#tudo #topo {
background-image:url(../images/testesfundo/fundo1.jpg);
width: auto;
min-height:100px;
float: center;
}

#tudo #conteudo {
width: auto;
min-height: 200px;
}

#tudo #rodape {
background-image:url(../images/testesfundo/fundo3.jpg);
width: auto;
min-height: 100px;
clear:both;
float: center;
}



Agradeço a atenção.
Obrigado.
Rafael.

[Jessica-riberio]

Não use tabelas, faça assim:

Div topo: width: 100%; e margin: 0 auto;
conteudo width: o tamanho q vc quer e margin: 0 auto;
rodape: width: 100%; e margin: 0 auto;

vê se funciona

[RafiWskY]

Obrigado Jessica, fiz alguns testes e realmente com tabelas dificulta, vou continuar alguns testes e logo posto o resultado aqui.