[Resolvido] Rodapé

[Deniw 0]

Olá amigos... gostaria que vocês dessem uma olhada no link:

 

Clique aqui

 

é um blog muito interessante, referente a indicações de freelancers de todas as áreas profissionais,

aliás nunca vi um site (ou blog) parecido (com esse tipo de serviço) no brasil, a não ser o catho, que não é exatamente parecido, tem outros direcionamentos.

 

Vamos ao que interessa:

O que me chamou a atenção neste blog, foi o rodapé.

Este rodapé seria feito com uma div flutuante e o uso de jquery... ou apenas configurações de css?

 

Alguém poderia explicar como chegar a tal resultado... obrigado

[William Bruno 1501]

Não entendi.

Não vi nenhum efeito 'tããão' legal nele.

 

A única coisa, é que ele ocupa 100% de width. Não está flutando, e nem precisa de jQuery para isso.

 

Sua dúvida é em fazer o rodapé ocupar 100% de width do navegador ?

Se for 'apenas isso', você consegue fazer com css somente.

[Deniw 0]

Não é que seja "tãããão" legal ou tenha algum efeito, nem gosto muito de efeitos, acho que é coisa de "prego",

mas visualmente falando ficou muito limpo e diferente, ficou muito coerente com a página.

Quanto a sua pergunta... era isso mesmo, e também sobre o posicionamento em relação as outras divs, se ele está fora de tudo,

citei jquery no caso de o rodapé ter sido "forçado" (viajei!!! postei isso as 6:00 da manhã, ja tava baqueado, não tinha dormido ainda, rsrsrs).

Não dá pra fazer isso com o rodapé dentro da div "tudo",

a não ser usando "Absolut" ou "Relative", que eu acho não ser tão seguro, e mais complicado!!!

[William Bruno 1501]

Uhum.. eh isso ai.

Basta retirar o rodape de dentro do elemento que centraliza o site.

 

<div id="tudo">

<!-- /todo o site aqui dentro -->
</div><!-- /tudo -->
<div id="rodape">

</div><!-- /rodape -->

apenas isso. Tentou fazer? como ?

Estude sobre o box model você vera que elementos nivel de bloco,ocupam 100% de largura do elemento pai.

[Thiago Retondar 18]

Ou você pode trabalhar o #tudo com width: 100%, também.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Deniw 0]

Pois é... obrigado!