menu css com problema

[titodj 0]

ae galera estou com um problema no meu site e gostaria se pocivel uma ajuda no forum,

no IE ele fica normal mas no FF o menu muda de tamanho no estado hover e active, ja fiz de tudo e não concigo arrumar, tambem quando tento centralizar a pagina fica toda errada, tentei postar as imagens mas não deu então vai o link do site,

 

meu site

 

espero q alguem possa me ajudar.

 

Um Grande Abraço!

 

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

[pa_bruno 0]

no hover você tah utilizando um padding e border... qnd você utiliza, você tem q diminuir o tamanho total do width... com hack do FF senaum ele totaliza o tamanhop do width com o tamanho do padding com o do border... box models isso... tem varias paradas falando sobre isso...

[titodj 0]

no hover você tah utilizando um padding e border... qnd você utiliza, você tem q diminuir o tamanho total do width... com hack do FF senaum ele totaliza o tamanhop do width com o tamanho do padding com o do border... box models isso... tem varias paradas falando sobre isso...

<{POST_SNAPBACK}>

sim sim, mas quando mudo ae no IE fica uma Mer..., então to Fu.., e Cheio do Sa... com IE, FF, opera, tudo uns Paga pau mesmo, cara sempre tem alguma coisa, algum erro quando não é o IE é os outros, quando isso vai se resolver?

ow não lever por mal, mas é só um desabafo com estas poh... de browsers, http://forum.imasters.com.br/public/style_emoticons/default/devil.gif sera q toda a vida vamos ter q conviver com enjambres, ow hack's, tapando o sol com a peneira, http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

terei q estudar sobre hack para essa droga...

 

UM ABRAÇO. vo dormi um poco pra refresca. hehehe... :wacko:

 

 

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

[pa_bruno 0]

eh soh usar hacks... eh facil, tem misterio nenhum ;)

html>body #nomeDoDiv {atributos}

onde tah atributos você coloca o q for preciso... ;)

[titodj 0]

eh soh usar hacks... eh facil, tem misterio nenhum ;)

html>body #nomeDoDiv {atributos}

onde tah atributos você coloca o q for preciso... ;)

<{POST_SNAPBACK}>

bah mano tentei aqui mas não funfo, é q não entendi bem o negocio, é o seguite se for posivel ae de uma olhada no meu menu, e se der como eu teria q fazer o hack...

ow o hack teria q ser para o FF, pois no IE ta certinho.

 

#menulist

{

color: white;

background: #fff;

border-bottom: 0.1em solid #17a;

border-right: 0.1em solid #17a;

padding: 0 1px;

margin-top:0px;

margin-left: 0;

width: 120px;

font: normal 0.8em Verdana, sans-serif;

font-size:10px;

height: 300px;

position: absolute;

left: 0px;

top: 105px;

}

 

#menulist li

{

list-style: none;

margin: 0;

font-size: 1em;

 

}

 

#menulist a

{

display: block;

text-decoration: none;

margin-bottom: 0.2em;

margin-top: 0.2em;

color: white;

background: #4679cc;

border-width: 1px;

border-style: solid;

border-color: #5bd #035 #068 #6cf;

border-left: 1em solid #fc0;

padding: 0.1em 0.1em 0.1em 0.4em;

width: 120px;

}

 

#menulist a#corrente { border-color: #5bd #035 #068 #4679cc;

width: 120px;}

 

#menulist a

{

 

width: 99%;

/* necessario pra Internet Explorer */

}

 

#menulist a

{

voice-family: "\"}\"";

voice-family: inherit;

width: 9.6em;

/* este hack deve usado só se Internet-explorer 6 estiver em modo padrão-complacente */

}

 

#menu>#menulist a

{

width: auto;

/* Hacks necessario para o Internet Explorer */

}

 

#menulist a:hover, #menulist a#corrente:hover

{

background: #467abb;

border-color: #fc0 #fc0 #fc0 #fc0;

padding: 0.1em 0.1em 0.1em 0.4em;

width: 120px;

}

 

#menulist a:active, #menulist a#corrente:active

{

background: #4679cc;

border-color: #069 #6cf #5bd white;

padding: 0.1em 0.1em 0.1em 0.4em;

width: 120px;

}

 

 

VLW Um Abraço! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

tenta tirar o width: 120px; dos estados hover e active... teu site tah fora... naum consegui ver pra testar online... ;)

[titodj 0]

tenta tirar o width: 120px; dos estados hover e active... teu site tah fora... naum consegui ver pra testar online... ;)

<{POST_SNAPBACK}>

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif ow pelo menos o hover eu concegui arrumar tirando width: 120px; como você falo, só active q continua igual, não assume a cor branca q teria q assumeir , mas já esta de bom tamanho assim isso passa na boa.

 

vlw ae veio pela ajuda,

 

só mais uma duvida quando eu tinha feito este site em tabelas eu concegui centralizalo, mas agora não estou conseguindo em css, tem umas div q saem fora do lugar ja tem]ntei trocar o posicionamento e tal mas não resolveu, tentei relative, e não fexo, se você tiver um tempinho um dia desses poderia dar uma olhada pra mim?, agradeço muito a ajuda mano veio...

 

um abraço http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

crie uma div geral e coloque antes de todo conteudo e fechando logo antes do </body>:

<body>
<div id="geral">
todo conteudo do seu site
</div>
</body>

 

e no css coloque assim:

body {text-align: center.}#geral {margin: 0 auto;width: 780px;}

logicamente q no width do geral você vai colocar o valor total da div... eu chutei 780px... mas pode ser menos... ;)

[titodj 0]

crie uma div geral e coloque antes de todo conteudo e fechando logo antes do </body>:

<body>
<div id="geral">
todo conteudo do seu site
</div>
</body>

 

e no css coloque assim:

body {text-align: center.}#geral {margin: 0 auto;width: 780px;}

logicamente q no width do geral você vai colocar o valor total da div... eu chutei 780px... mas pode ser menos... ;)

 

<{POST_SNAPBACK}>

olha ja coloquei esse codigo e não deu serto, ae coloquei assim

<style type="text/css">

body {

padding: 0;

margin: 0;

text-align: center;

}

 

#geral {

padding: 0;

margin: 0 auto;

width: 778px;

height: 600px;

position: relative;

background:#ffffff;

}

</style>

ae fica todo errado...

 

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

[pa_bruno 0]

#geral {padding: 0;margin: 0 auto;width: 778px;height: 600px;background:#ffffff;}

naum precisa do relative... mas cara, isso vai depender dos outros conteudos... se totalizar mas q o tamanho geral da largura, vai ficar todo bagunçado, se você colocar algum elemento com position absolute, vai ferrar tb, e por ae vai...

[titodj 0]

#geral {padding: 0;margin: 0 auto;width: 778px;height: 600px;background:#ffffff;}

naum precisa do relative... mas cara, isso vai depender dos outros conteudos... se totalizar mas q o tamanho geral da largura, vai ficar todo bagunçado, se você colocar algum elemento com position absolute, vai ferrar tb, e por ae vai...

<{POST_SNAPBACK}>

 

ow ae q tah a porcaria, tenho algumas div em absolute, e quando tento por relative da mer...,

acho q vo fazer tudo denovo até acerta, eu não corro sem ver do que... hehehe... hoje vo da uma rasteira no http://forum.imasters.com.br/public/style_emoticons/default/devil.gif

mas vo fazer dar serto ahhh c vo... http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif mas valeu ae pela ajuda!

 

um abraço!

[pa_bruno 0]

centralizar com posicionamento absoluto? esqueça... ;) falarei sobre isso no artigo...