Publicado em 22 de mai.

Como fazer menu jquery manter na posição independente da resulução?

Boa noite amigos,

Eu tenho feito as coisas no site da academia que treino com a ajuda de vocês através de dicas.

Gostei do resultado final, mas tenho um problema.

No monitor onde estou montando o site mantem o menu no lugar escolhido por mim (veja imagem http://migre.me/eEWRT ), mas quando uso em um monitor com resolução maior, o menu sai do "esquadro".

O style que usei foi:

<style type="text/css">
* { margin:0;
 padding:0;
}

body { background:#000; } div#copyright {

 font:11px 'Trebuchet MS';
 color:#FFF;
 text-indent:30px;
 padding:300px 0 0 0;
}

div#copyright a { color:#0080ff; } div#copyright a:hover { color:#F00000; } div#menu {

 top:135px;
 margin-left:8%;
 width:50%;
 position: absolute;

}
</style>

O site está em ideiasemfuga.com.br/bushido

O que tenho que fazer para que este menu fique sempre no posicionamento que eu determinei inicialmente?

É possível?

Não sei mais onde mexer para corrigir isso e estou ficando desesperado.

Obrigado mais uma vez

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 22 de mai.

seu problema é css. Vou te mover.

o teu menu tem um width fixo em px ?

angelorubin· 22 de mai.

Bom dia,

Tem muita coisa errada na estrutura do seu site amigo, vamos aos pontos que pude observar rapidamente:

A declaração do documento esta incorreta.

O CSS esta declarado no corpo (body) do documento, (o ideal seria no header ou externo).

Existem declaraçõesCSS in line no documento.

A tag body esta sendo fechada antes do término do conteúdo do seu documento, tem declarações para fora.

É preciso uma estrutura mínima (cabeçalho, menu, conteúdo e rodapé), pois esta tudo solto e desordenado dentro do documento.

Utilize tabelas somente onde precisar de dados tabulares e não na estrutura do layout.

Espero que entenda minha crítica construtiva.

Qualquer dúvida nestes pontos é só perguntar.

Espero que ajude.

Bru_ce· 22 de mai.

Usa position absolute;
Ajustando conforme seu gosto com top e left !

fgenaro· 23 de mai.

angelorubin,

Jamais iria achar sua critica destrutiva.
Agradeço demais seus pontos, mas como disse anteriormente sou completamente leigo no assunto e fiquei até feliz com o resultado que conseguir ter sendo uma "anta" no assunto.
Não entendi pontualmente sobre o que disse, mas pra não tomar seu tempo irei pesquisar pra me achar.

Grato.

William Bruno,

Boa noite.

O width está em 50%.
Não sei como cheguei a esta conta, mas foi o que mais se aproximou do que eu necessitava na resolução que estava trabalhando.

Bru_ce,

Eu coloquei position absolute, mas acredito não ter feito da forma correta. :(

Bru_ce· 23 de mai.

Posta algum link.

fgenaro· 23 de mai.

Bru_ce,

Segue o link: http://ideiasemfuga.com.br/bushido/

Coloquei o que você disse assim:

#menu {
position: absolute;
left: 150px;
top: 135px;

}

Obrigado pela ajuda!