Padding no Google Chorme

[Paulo Freitas Nobrega 0]

Pessoal Boa Tarde!

 

Tenho uma div:

<div id="footer">footer</div> 

 

E seu estilo:

#footer {
width: 936px;
height: auto;
padding: 14px;
display: table;
background-image: url(../images/background-line-dotted.png);
background-position: top;
background-repeat: repeat-x;
}

 

No Firefox 4 e IE 7 e 8 está corretamente, mas no Google Chorme apresenta o seguinte erro:

Com as somas do padding a largura de footer deveria se estender por 964px (width: 964px + padding-left: 14px + padding-right: 14px), mas aparentemente os 28px do padding estão sendo renderizando dentro da div, porém ignorados na soma da largura (width); Resumindo é como se os valores fossem esse:

 

#footer {
width: 908px; /*change here*/
height: auto;
padding: 14px;
display: table;
background-image: url(../images/background-line-dotted.png);
background-position: top;
background-repeat: repeat-x;
}

 

Alguém sabe porque isso acontece?

[William Bruno 1501]

Podem ser varias coisas. [desde bug do display: table; até outro elemento interferindo]..

 

tem um link para testarmos o site online ?

 

com apenas estas informações está muito vago.

[Paulo Freitas Nobrega 0]

Segue o exemplo on-line: http://www.ilhasolteira.net/cerest/

[Francispansa 6]

Experimente deixar o estilo do #footer assim

 

 

#footer {
width: 936px;
height: auto;
padding: 14px;
display: block;
background: url(../images/background-line-dotted.png) repeat-x top center;
       clear:both
}

 

:D