Problemas com posicionamento no FF

[Cazanova 0]

Olá a todos,

 

Montei uma estrutura de 3 colunas sendo a do meio fixa e as laterais variáveis. Estou tentando posicionar o footer no bottom da página, mas no Firefox não funciona corretamente e no IE está perfeito.

 

Tem como posicionar o footer no bottom sem javascript? Pq não estou conseguindo!

 

Esta é a estrutura e o código.

http://diegodiehl.awardspace.com/default.htm

 

 

Att,

Diego

[Cazanova 0]

eu ja tenho o clear no código.

 

Coloquei o código em outra URL, essa tem que dar para visualizar...

 

http://201.22.212.206/teste.htm

 

 

Att,

Diego

[Cazanova 0]

rflky3,

 

Se eu colocar

 

<div id="left"></div><div id="content"></div><div id="right"></div>

Não consigo manter o content fixo e as laterais variáveis. Já utilizo o width: 100% no footer, mas preciso ele liquido pois imagino um fundo lido para ele nas laterais e fixo no centro da largura do content.

 

Tentei fazer com as tuas sujestões mas não consegui, o problema no Firefox ainda perciste.

 

Att.

Diego

[nephisto2 0]

Que tal isto?

 

Troquei

 

div#footer{	clear: both;	width: 100%;	position: absolute; 	bottom: 0 !important; 	bottom: -1px; /* For Certain IE widths */	background-color: #FF00FF;	text-align: center;}

por

 

div#footer{	clear: both;	width: 716px;	margin:0 auto; 	bottom: 0 !important; 	bottom: -1px; /* For Certain IE widths */	background-color: #FF00FF;	text-align: center;}

As mudanças foram:

 

tirar position: absolute;, que não servia pra muita coisa,

igualar o width com o width do centro e

setar margin: 0 auto; pro nosso querido firefox centralizá-lo. ^^

 

Ainda pode-se enxugar o código, mas estou com sono demais pra isso. xP

Por enquanto, acho que ficou parecido com o que você quer...

[Cazanova 0]

nephisto2,

 

Testei suas correções, me ajudaram no posicionamento horizontal do conteúdo do footer.

Porem, se tiro o position: absolute do footer, ele não mais se posiciona no bottom da página como quero, gostaria que ele independente do conteúdo, sempre se localize no bottom, mas nunca sobre o conteúdo.

 

Coloquei em duas URLs para tentar me expressar melhor.

 

http://201.22.212.206/com_absolute.htm

Essa podes ver que no IE roda perfeitamente, o footer fica abaixo de todo o conteúdo mas no firefox ele acaba onde o browser acaba e fica "flutuando".

 

http://201.22.212.206/sem_absolute.htm

Esse o footer cola no conteúdo que é oq não quero.

 

Não sei se tem como fazer só por css, talvez tenha q utilizar jaascript. Que você(s) acha(m)?

 

Att.

Diego Diehl

[Cazanova 0]

pessoal, resolvi meu problema... Valeu!

[Vinícius Vidal 0]

Diego,estou com o mesmo problema que o seu em um layout aqui.você disse que conseguiu resolver o problema. Tem como mostrar a solução aí velho?Fico no aguardo, vlw.abraço.Vinícius