Meu primeiro site webstandard

[MOAI 0]

Já há algum tempo faço sites, mas todos com tabelas.

 

Ex: http://www.harkadya.com | http://www.siteofempires.com

 

Mas me rendi aos encantos dos webstandards, por isto me aventurei a ser autodidata. Comecei a fazer um layout, mas ainda estou com muitas dúvidas.

 

Para comparações, fiz um com tabelas outro sem.

 

Com tabela: http://www.harkadya.com/teste/index.html

Sem tabela: http://www.harkadya.com/teste/index2.html

 

Minhas dúvidas por enquanto são as seguintes:

 

1 - Como faço para a barra inferior, de assinatura ficar sempre em posição bottom? Fiz de um jeito que não sei se está certo por que de vez em quando apresenta umas falhas.

 

#Rodapé { 	background-color: #2A4A5F;		width: 100%;		height: 30px;		position: absolute; bottom: 0px }

2- Sei que não posso deixar div com 100% de Height, então o que devo fazer para simular este efeito? Fake-Callums eu procurei mas não achei nada.

 

Desde já agradeço, MOAI.

[maurivan 0]

putzáh vida rapaz! =\Experimente ler alguns tutoriais no w3cschool.com =)Tem gente que ultimamente vem aprendendo muito por lá (=

[maurivan 0]

há .. esqueci de responder rs..Para poder deixar o rodapé certinho, utilize clear:both; é a propriedade correta para rodapés ;)Valeu (=

[MOAI 0]

Se eu coloco clear:both no rodapé, ele perde o posicionamento, o que é isso?

 

Para vocês entenderem o layout que eu estou tentando fazer, criei um arquivo JPG para vocês verem:

 

http://www.harkadya.com/teste/layout.jpg

[micox 2]

O clear:both serve pra que os elementos que tem float:left ou float:right não fiquem sobre ele.

 

Os artigos do pa_bruno poderão te ajudar: http://forum.imasters.com.br/index.php?showtopic=152734

 

Té mais...

[MOAI 0]

Estou tendo problemas com meu rodapé. eu atualizei o index2.html, podem ver o que está acontecendo.Não há nenhum elemento com Float e a Div Rodape está com aquela configuração que eu coloquei lá em cima.

[MOAI 0]

Resolvi migrar para os webstandards mais devagar, farei sites tabless progressivamente.

 

Para tanto, fiz meu site metade com tabelas, e a outra metade com CSS. Vejam:

 

http://www.harkadya.com/radio/

 

O problema é que usuários de Firefox vêem o totalmente quebrado. O menu lateral foi criado com <li> e CSS, mas fica todo separado. Além disso, os textos e os headings <h1> não carregam no FF. Já no IE fica tudo perfeito. Alguém tem alguma sugestão para eu aprender a consertar isso?

 

Está sendo um grande desafio para mim fazer os webstandards e estou aprendendo bastante com o pessoal daqui do Imasters, obrigado a todos!

[TheChessMan 0]

Em primeiro lugar meus parabéns!! Precisamos de mais desenvolvedores como você, que se preocupam em sempre melhorar!!O pessoal já deu bastantes dicas, uma que pode ajudar é fazer sempre o site primeiro para os BROWSERS DE VERDADE, tipo Firefox e Opera, e depois sair concertando os erros do IE, dessa forma você vai ver que com o tempo nem vai ter tantos erros pra concertar ^^Flw ae!

[MOAI 0]

Meu problema é que não sei o que devo fazer para funcionar no FF. Eu fiz o site e ele só funciona bem no IE, mas nem sei porque.Aonde eu posso ler sobre como configurar o CSS para funcionar nos dois navegadores? Eu procurei aqui no fórum e nenhum tópico se enquadra no meu problema.