um monte de erros no primeiro site em webstandards!

[Rodrigo Yoshida 0]

Opa, tenho uma pequena produtora de sites, sempre trabalhei com tabelas e ultimamente tenho estudado webstandards para criar os próximos sites dentro dos padrões, porém a primeira tentativa está sendo um tanto frustrante.

 

li vários tutoriais, sites e informações em geral sobre css, peguei um projeto de um novo cliente pra testar e fui a luta, o resultado foi esse:

 

http://www.yoshidaweb.com.br/adv/

 

os problemas são

 

Firefox: o fundo da div meio sumiu quando eu coloquei o float: right na div conteudo! no IE aparece normalmente mas o FF não reconhece...

 

IE: coloquei uma imagem no div topo, no FF funciona normalmente mas no IE fica uma faixa azul, quebrando o layout

IE: o menu quebra todo, não sei por que, no FF vai tranqulo...

 

se alguém puder me dar uma luz!

[Giovani 104]

Rodrigo Yoshida, já fez bastante coisa.

Mas leia o link a seguir e veja o que o seu código tem de errado.

http://forum.imasters.com.br/index.php?showtopic=223799

 

Qualquer dúvida, por favor, volte a postar!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rodrigo Yoshida 0]

Rodrigo Yoshida, já fez bastante coisa.

Mas leia o link a seguir e veja o que o seu código tem de errado.

http://forum.imasters.com.br/index.php?showtopic=223799

 

Qualquer dúvida, por favor, volte a postar!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

opa! valew pela ajuda

 

eu li o seu tutorial antes de criar o layout e ainda não consegui identificar aonde estão os problemas

se puder me dar umas dicas!

[Giovani 104]

Não estou no meu note agora, e aqui só tem IE.

Mas posso dizer o seguinte:

 

1) Crie uma div que englobe todo o site;

2) O menu fica na div#menu;

3) O conteudo na div#conteudo.

 

Todas essas dicas estão no link, basta ler.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rodrigo Yoshida 0]

Não estou no meu note agora, e aqui só tem IE.Mas posso dizer o seguinte: 1) Crie uma div que englobe todo o site;2) O menu fica na div#menu;3) O conteudo na div#conteudo.Todas essas dicas estão no link, basta ler.[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

opa! valew pelas dicas! o esquema da div englobando todo o site funcionou, coloquei a imagem centralizaada no fundo nesse div e foi tranquilo, porém não consegui resolver o problema do menu e topo estranho, ambos no IE, você tem alguma dica sobre isso?

[Rodrigo Yoshida 0]

Opa, consegui resolver todos os problemas! só não sei se foi no "jeitinho brasileiro" ou fiz a coisa certa, queria a opinião de vcs aí:

 

 

Problema: A div topo tinha uma imagem e havia uma faixa azul de separação entre essa div e as divs menu e conteúdo que vinham abaixo, deixando o layout feio, isso somente no IE.

 

Solução: Arranquei a imagem de dentro da div, deixei ela vazia, no css coloquei as medidas, dei uma cor de fundo pois ela estica 100% e coloquei a imagem como fundo do div, sem repetição. problema resolvido!

 

 

 

Problema: menu em lista com hover ficava estranho quando o mouse passava por cima

 

Solução: tinham dois display:block em dois divs (UL e A), não sei ao certo o motivo mas acho que a tag UL não é inline, por isso não precisa de display:block, já a tag A seria inline...

 

 

alguém aí poderia me dizer se o que eu fiz está certo?

http://www.yoshidaweb.com.br/adv

[inforsis 1]

olá Rodrigo Yoshida, parabéns pela iniciativa.

No momento esta um pouco complicado analisar seu código, porém dê uma lida no link que o gio! passou acima, faça umas buscas.

Qualquer dúvida post. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Bons estudos.

[Rodrigo Yoshida 0]

opa, ainda teria alguma boa alma pra me ajudar aí?

[WillianAndrade 0]

alguém aí poderia me dizer se o que eu fiz está certo?

ao meu ver fez certo sim Rodrigoficava dificil de te ajudar pois o link que você passou o css está linkado, ai ñ da pra analizarUL ñ precisa de display block msmLI simcomo é um menulogo, #exmenu li a { display:block }ai beleza#exmenu = id da ULabraço

[Rodrigo Yoshida 0]

opa valew aí pela ajuda! e sobre a imagem de fundo na div topo? eu coloquei como fundo em vez de um <img /> dentro da div pois não sei por que aparecia uma "barra" embaixo da imagem, apenas no IE, como fundo está ok!

[Giovani 104]

O primeiro de tudo, leia esse link Reciclando seu CSS, seu arquivo css está muito "sujo".

Aquele link que tem passei sobre layout explica detalhadamente como fazer um layout de duas colunas, se você ler consegue fazer. Sobre menu, existem muitos tópicos aqui no fórum, pesquise aqui ou no site do maujor.

[WillianAndrade 0]

enqnto ao topo ta correto fazer com background tbusa imagem no topo quando for usar um LOGO da empresa por ex...[]'s