espaço no IE e no FF fica normal

[AlunO 0]

Fala Galera!

 

Estou com o seguinte problema no meu css.

 

Segue o link da página: SITE

 

Quando visualizo no FF, fica tudo normal.

Mas quando visualizo no IE, fica com espaços e algumas div's ficam fora.

 

Se puderem me ajudar!

 

 

Segue o css....

 

/* CSS Document */

 

body{

float:left;

margin:0px;

padding:0px;

}

 

#pai{

float:left;

width:763px;

margin:0px;

padding:0px;

}

 

 

#logo{

float:left;

}

 

 

#player{

float:left;

}

 

 

#melhor_reggae1{

float:left;

}

 

 

#flash{

float:left;

}

 

 

#news{

float:left;

}

 

 

#melhor_reggae2{

float:left;

}

 

#textos{

float:left;

width:339px;

height:464px;

}

#textos img{

float:left;

margin:5px;

}

 

#show1{

float:left;

width:39px;

margin-top:5px;

}

 

#texto_show1{

float:left;

width:200px;

margin:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:bold;

color:#CC0000;

}

 

#show1_informacoes{

float:left;

margin:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#000000;

font-size:10px;

}

 

#divisao{

float:left;

widows:339;

}

 

#show2{

float:left;

width:39px;

margin-top:5px;

}

 

#texto_show2{

float:left;

width:100px;

margin:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:bold;

color:#CC0000;

}

 

#show2_informacoes{

float:left;

margin:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#000000;

font-size:10px;

}

 

 

#arvores{

float:left;

}

 

Abçs

[Giovani 104]

*{ margin: 0; padding: 0; }

Coloque no inicio da css!

[RoXbY 3]

* {margin:0px; padding:0px;}

isso não resolve não e....

 

não sou o melhor cara pra julgar isso, mas esse site está realmetne desenvolvido corretamente ? o.O

 

<div id"show2"> e <div id"show1"> faltam um "="

mas mesmo assim, tem muito float nesse código ae O.O tentei jogar aqui pra eu dar uma olhada melhor... a div pai tem uma imagem, na verdade não poderia ter, tem coisa errada. Não so um brunod7 ou micox ou maujor, mas eu realmente não faria coisas desse tipo X)

 

ae galera mais experiente que eu, o que vocês me deizem?

 

abs!! ahahaha

[AlunO 0]

RoXbYSei que não pode estar desenvolvido corretamente, e pra isso que estou aqui, para que você ou outras pessoas me digam como devo fazer.Comecei agora com isso. E não manjo tanto quanto vcs.Se possível gostaria muito que me dissesse como seria a melhor maneira pra desenvolver em tableless.

[RoXbY 3]

cara.. não to falando que está errado, mesmo por que eu não so f*** em css.. rss

 

de uma olhada nesse tutorial:

http://www.tableless.com.br/aprenda/layout...-com-3-colunas/

 

ou então para desenvolver com layouts variável de acordo com a resolução(não sei fazer ainda X)):

http://www.maujor.com/tutorial/qqer-ordem-3colunas.php

 

no teu caso é o primeiro link.. cara, só faz essa estrutura, dpoeis joga o que tu quiser dentro de cada DIV

[Giovani 104]

Para iniciantes a melhor sequência de links está no CSS Link Colection.

Eu sempre recomendo essa aqui.

 

Boa leitura!

 

[]´s

[AlunO 0]

Ei RoXbY.. esquenta não q to aqui pra levar criticas e sugestões. Tanto que meu nik é Aluno.. :)Abrigado a você e ao gio! pelos links.. com certeza vou ler.Mas e a minha dúvida que postei?Alguém sabe?abçs

[Giovani 104]

Minha sugestão, leia e refaça seu layout.vai ser bem mais rápido.

[RoXbY 3]

neste caso, creio que você deve dar uma reestruturada no seu layout.De uma analizada nos links e redesenvolva seu lay, qualquer problema, poste aqui que agente te auxilia melhor.----editadoé, rss... demorei pra terminar minha resposta X). .. igual ao gio :)

[AlunO 0]

RoXbY e gio!

 

Se puderem verificar agora como está.

Começei a fazer novamente o layout em css.

Fiz dois css.. um para o FF. e outro para o IE.

 

Só que o problema que não consigo resolver é das imagens no rodapé.

No FF fica normal mas no IE não consigo fazer que fiquem na mesma linha...

 

Segue endereço

 

http://www.greco.com.br/images/m/plantacss/

 

endereço dos css

 

FF

http://www.greco.com.br/images/m/plantacss/css.css

 

IE

http://www.greco.com.br/images/m/plantacss/style_IE.css

 

ABÇS

[Giovani 104]

você ainda não pescou a idéia, mas estamos aqui pra ajudarr!

 

Deixar de usar tabelas não quer dizer que, em cada lugar que tinha uma célula de tabela, você vai colocar div. Pesquise sobre divmania, você vai entender o que eu disse.

 

Outra, você realmente leu os links que te passei?

Tem um monte de float [ até na tag body ] no seu código, pq?

 

[]'s

[AlunO 0]

grande gio!

 

Cara acho q to sacando agora.. só você mesmo pra falar isso.

 

Dê uma olhada agora no site

 

http://www.greco.com.br/images/m/plantacss/

 

o que estiver errado pode xingar ai.rs

 

abçs e valeu pelas dicas

[Giovani 104]

Fala AlunO, não tem xingamento não....aqui temos que nos ajudar.

Vamos lá, seu código melhorou bastante, tá ficando legal, e no fim das contas, não é fácil?

 

Tem alguns erros básicos, ripo:

Depois do <p> não precisa por um <br />, defina uma margin-bottom.

 

Outra coisa, nesse link tem os artigos de posicionamento que é leitura obrigatória e também tem um artigo sobre reciclagem de código css, depois que você ler vai perceber que é mais fácil ainda de aprender.

 

É isso, parabéns pela evolução! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Qualquer dúvida volte a postar!

 

[]´s