[Resolvido] resolver o problema deste site

[Lrizzuti 0]

Olá pessoal, montei um site para o escritório que trabalho www.vikcontabilidade.com.br e estou tendo problemas com o código para abrir com o chrome. No Internet Explorer abre perfeitamente mas no chrome abre todo desconfigurado. Alguém sabe como resolver este problema??? Já tentei de tudo e não consigo, Por favor pessoal me ajudem. Fico no aguardo. Luciana

[William Bruno 1501]

começa do simples. Valide teu código:

 

http://validator.w3.org/check?uri=www.vikcontabilidade.com.br+&charset=%28detect+automatically%29&doctype=Inline&group=0

[Willian Makoto 6]

Bom dia Luciana,

 

 

Acrescente à div #footer:

 

#footer{
   background: url("../images/b_footer.gif") repeat-x scroll 0 0 transparent;
   height: 85px;
   margin-top: 18px;
   width: 715px;
   position:relative; /*<<<<<<<<<<<<<<<<<*/
   clear:both; /*<<<<<<<<<<<<<<<<<<*/
}

 

e à div #container:

 

#container {
   background: none repeat scroll 0 0 #FFFFFF;
   margin: 0 auto;
   padding: 0 20px;
   position: relative;
   width: 715px;
   min-height:100%; /*<<<<<<<<<<<<<<<<<<*/
   overflow:hidden; /*<<<<<<<<<<<<<<<<<<*/
}

 

espero ter ajudado, []'s

 

 

[+1] ? haha'

[Tatiane Dias 2]

Oi,

 

Eu fiz essas alterações e ficou tudo ok.

 

#center {
width:715px;
margin:0 auto;
}

#container {
/*Retirei o margin:0 auto; porque quem vai centralizar a página é a div que tem o id center*/
width: 715px;
background: white;
padding: 0 20px;
position: relative;
float: left; /*Inseri float left para o container ir aumentando conforme a quantidade de conteúdo*/
}

#footer {
/*Não precisa setar a altura*/
width: 715px;
margin-top: 18px;
float: left; /*Inseri o float left*/
background: url(../images/b_footer.gif) 0 0 repeat-x;
}

 

Com essas alterações ficou certinho aqui no Chrome, acredito que nos outros vai ficar certo também.

 

Espero que dê certo, qualquer coisa posta aqui novamente. =D

[Lrizzuti 0]

Oi,

 

Eu fiz essas alterações e ficou tudo ok.

 

#center {
width:715px;
margin:0 auto;
}

#container {
/*Retirei o margin:0 auto; porque quem vai centralizar a página é a div que tem o id center*/
width: 715px;
background: white;
padding: 0 20px;
position: relative;
float: left; /*Inseri float left para o container ir aumentando conforme a quantidade de conteúdo*/
}

#footer {
/*Não precisa setar a altura*/
width: 715px;
margin-top: 18px;
float: left; /*Inseri o float left*/
background: url(../images/b_footer.gif) 0 0 repeat-x;
}

 

Com essas alterações ficou certinho aqui no Chrome, acredito que nos outros vai ficar certo também.

 

Espero que dê certo, qualquer coisa posta aqui novamente. =D

 

Bom Dia Tatiane,

 

Onde coloco no Html estas alterações, pois sou novata neste negócio do html, muito obrigada.

[Tatiane Dias 2]

Eu alterei no css.

É o arquivo com nome styles.css está na pasta css.

[Lrizzuti 0]

Eu alterei no css.

É o arquivo com nome styles.css está na pasta css.

 

Neste arquivo já está deste jeito como me falou mas mesmo assim continua desconfigurado.

 

Eu alterei no css.

É o arquivo com nome styles.css está na pasta css.

 

Neste arquivo já está deste jeito como me falou mas mesmo assim continua desconfigurado.

[Tatiane Dias 2]

Eu entrei no site e as alterações que eu passei não estão lá

[Lrizzuti 0]

Eu entrei no site e as alterações que eu passei não estão lá

 

Já fiz as alterações, melhorou, mas ainda estão um pouco diferente do que no Internet explorer, mas já foi um bom avanço, muito obrigada, você me ajudou bastante.