problema com altura (height)

[publicitando 0]

Pessoal é minha primeira empreitada procurando usar webstandards então ainda estou empacando em coisas q devem ser bem simples pra maioria ... meu codigo css deve estar cheio de coisas redudantes ... estou avisando pra ninguem me atacar pedras previamente rs http://forum.imasters.com.br/public/style_emoticons/default/joia.gif vamos lá ...primeiro o link:http://www.hkl.com.br/eagle/interna.aspo css está em:http://www.hkl.com.br/eagle/css.cssOs problemas:

Dêem uma olhada no código ...1- o menu está levemente desalinhado para a esquerda "vazando" para fora da div q deveria estar ... creio q isso ocorreu pq usei um margin-left -4px ... mas tive q usar senao os botões ficariam separados um do outro ... (esse problema ocorre no IE e no FIREFOX)2- o segundo problema é com altura HEIGHT ....na DIV coluna_direita (é a div onde irá o conteúdo) coloque um height:100% pq? para q sempre o site fique encostando no bottom do browser e nao fique sobrando espaço... deu para entender? http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif . No IE nao deu certo ... a pagina chega a scrolar mesmo sem ter conteudo ... ja no firefox até deu certo ficou do jeito q eu imaginava ...3- existe uma linha pontilhada na vertical como devem ter visto no site ... esta na div pontilhado ... no IE aparece corretamente, já no firefox ela nao aparece ...

Me ajudem por favor ... pensei q usando webstandards nao teria mais problemas com browsers http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[TheChessMan 0]

Primeiramente, como sempre digo, parabéns por entrar no mundo dos standards!!Dei uma olhada rápida no seu código, como você mesmo falou há coisas a melhorar, e como você está consciente disso, não vou ficar passando links.. é só dar uma procurada simples. ;)1) Como você colocou margem negativa nas imgs, você pode colocar a margem de mesmo valor, só que positiva para #menu, assim ele vai pro lugar.2) O modo mais normal, acredito eu, de fazer isto é colocando 'min-height' para o FF (pq o IE não interpreta) e para o IE usar height mesmo, aproveitando o detalhe de que no IE mesmo uma div com height aumenta de tamanho conforme o conteudo 3)Provavelmente você precisa colocar 'repeat-y' para o background (que é a linha pontilhada)Espero ter sido claro e ter ajudado. Tenta testar e qquer coisa posta aí.Flws

[RicardoTorres 0]

não tive tempo de olhar a fundo o codigo... como você mesmo disse.. ta cheio de coisas redundantes =]não use javascript no menu, faça com css mesmose você fizer ele com css e tirar o margin negativo, provavelmente fique certo..e pra sua tristeza:

o segundo problema é com altura HEIGHT ....na DIV coluna_direita (é a div onde irá o conteúdo) coloque um height:100% pq? para q sempre o site fique encostando no bottom do browser e nao fique sobrando espaço... deu para entender? ermm.gif . No IE nao deu certo ... a pagina chega a scrolar mesmo sem ter conteudo ... ja no firefox até deu certo ficou do jeito q eu imaginava ...

isso nao ta ok, aqui não ficou certo no firefox, sobrou uns 3 dedos no bottom.to no trabalho, não posso fazer os devidos testes :(espero que ajude

[publicitando 0]

valeu The Chess Man ...O menu: você tem razão ... a minha inteção é faze-lo em css tb ... mas tocar 2 sites, mais 3 email marketing e 6 banners ao mesmo tempo já viu né rs ... por isso coloquei temporariamente o JS gerado pelo dream mesmo .... O menu consegui resolver ... tirei o margin-left -4px e simplesmente coloquei todos <li></li> na mesma linha ... por hora resolveu tanto no IE qto no FF ....a linha pontilhada q esta como BG na verdade o repeat-y acho q nao ajudaria ... se analizar vai ver q no IE esta ok ... mas no firefox ela esta jogando lá pra esquerda da tela ... nao sei o pq ...Vamo q vamooo um dia vai sair esse codigo rs