Problema com barra horizontal fixa na parte debaixo da tela

[Elton Santos_38148 0]

Fala galera, beleza? Tenho um blog: www.billspc.com.br

 

E estou com um grande problema com a barra horizontal fixa na parte debaixo da tela...

Bom, o problema é que ela está pegando uma parte do site tbm, ficando por cima do último artigo, tornando a leitura impossível. Já vi essa barra em vários sites, da forma que eu queria... porém eles atualizaram o site e nem consigo mais ver como que tinham feito o estilo...

 

Por favor, a ajuda de vocês é extremamente bem vinda. Perguntei a mais de 5 amigos q sao webdesigners e não tive sucesso... =/

 

Só quero mesmo que ela não cubra o último artigo, tipo como se fosse algum margin, sei lá. Obrigado e um grande abraço!

[marcelo2605 10]

Elton, se eu entendi bem, você pode colocar um margin-top nela. Isso ajudaria?

[Marcos Xavier 189]

Tenta colocar um padding-bottom(css) no elemento que contém o artigo ou no então conteúdo(corpo da página)

[Elton Santos_38148 0]

Amigos, nenhuma sugestão deu certo =/

 

Por favor, olhem pelo firebug e vejam oq pode ser feito, por favor. Nem margin, nem padding da certo =/

Vlw!

[Marcos Xavier 189]

Enquanto almoçava achei a solução que você precisa

//onde estava
#conteudo { margin: 10px 0 10px 0;}

//mude para
#conteudo { margin: 10px 0 100px 0;}

[Elton Santos_38148 0]

Poxa cara, continua sem da certo, pus la o q você disse... nao conhece algum exemplo dessa barra pra podermos v o css dela? Vlw pela ajuda, abraço!

[Marcos Xavier 189]

Poxa cara, continua sem da certo, pus la o q você disse... nao conhece algum exemplo dessa barra pra podermos v o css dela? Vlw pela ajuda, abraço!

 

Testei aqui apenas com essa alteração e funcionou beleza.

#conteudo {background-color: #fff; min-height:100%; margin: 10px 0 100px 0; border:1px solid #C4B6AF; padding:10px; float:left;}

 

Veja as imagens.

Chrome

 

 

Firefox

 

Contudo tem um blog que tem essa barra.

Veja neste link