site em tableless

[Chackan 0]

Bem pessoal, estou fazendo um site em tableless só que estou tendo problema para arrumar as div sem dar nenhum tipo de problema.

 

 

Em cima, vocês podem ver que no internet explore ele fica todo ok, mais quando visualizado no firefox ele "quebra" a página, dando espaçamento.

 

No CSS dessa página eu não declarei nenhum tipo de posicionamento, talvez seja isso, mais não estou conseguindo arrumar.

 

Eu montei o layout usando basicamente Float e Clear.

 

Se alguém quiser da uma olhada no css da página, encontra-se no seguinte endereço:

 

http://www.autoreguladorajlima.com.br/familia/index.html

http://www.autoreguladorajlima.com.br/familia/familia.css

 

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

[Andre Cocuroci 0]

Cara, eu não sei o porque mais sei mas as margens da tag 'p' é que estão dando este problema.

 

Faça algo assim:

 

#navegacao p{	margin: 0px;}#pagina p{	margin: 0px;}

Eu também enfrento alguns problemas quando quero que algum objeto tenha uma margen top... Mas ele acaba deslocando a div também.

 

Acho que alguem mais experiente deste forum pode explicar o porque.

[Chackan 0]

rflky3,valeu aí pela dica, vou testar agora mesmo.e quanto as imagens eu estava realmente na dúvida se colocava tudo em background.vou arrumar e ja ja posto o resultado.

[Chackan 0]

não funcionou, mas eu resolvi usando o método que o andre citou, declarei p {margin: 0;} e depois formatei ele usando padding 10 para voltar o formato de parágrafo.

outro jeito que eu usei, foi usando hack:

 

html>body #navegacao {	margin-top: -12px;}

solucionou, mais seria a melhor resolução para esse problema? essa é a dúvida agora

[micox 2]

Pessoal vou dar uma dica a todos (que eu já falei várias vezes. heheh):

 

- Sempre zerem o padding e a margin de TODOS os elementos pois os browsers possuem valores padrão diferentes para os elementos. Por isso costuma dar diferença de visualização do IE para o FF. Pra resolver estes problemas é simples. É só colocar o código abaixo no início de suas declarações CSS:

* { margin:0; padding:0;}

Assim VOCE e não o browser terá controle total das margins e paddings.

 

PS.: Use a tag IMG apenas quando a imagem fizer parte do CONTEÚDO. Se a imagem for impotante apenas para o visual, layout, etc, USE BACKGROUND EM CSS.