- Postagens: 75
- Obrigados Recebidos: 0
RESOLVIDO Erro Firefox: altura do background do menu menor
11 anos 8 meses atrás #78594
por lucas.fernandes
[b:121cuzc1][color=#BF0000:121cuzc1]Lucas Muniz[/color:121cuzc1][/b:121cuzc1]
Designer
[url=http://www.struturadesign.com.br/portfolio:121cuzc1]struturadesign.com.br/portfolio[/url:121cuzc1]
lucas.fernandes created the topic: RESOLVIDO Erro Firefox: altura do background do menu menor
Meus caros, boa tarde. Sou novato quanto ao Joomla e CSS, e estou no processo de confecção de um template e já me deparei com um erro de raxar a cuca.
No Internet Explorer 7 está tudo ok, o problema aparece quando abro o site pelo firefox. O menu superior tem 36px de altura. Os links tem uma imagem de background diferente quando hover e active. Só que no firefox essa imagem não cobre os 36px. A altura dela permanece na linha do texto (a largura cobre os 100% só altura que não). E olha que eu uso o reset.css.
Já tentei definir height:36px em todos os seletores, mas simplesmente não funciona. Não sei se o Firefox usa um parâmetro diferente para definir isso Só vocês mesmo pra me ajudarem
Menu correto no IE7
Menu no Firefox
Encaminho os códigos do menu e index
No Internet Explorer 7 está tudo ok, o problema aparece quando abro o site pelo firefox. O menu superior tem 36px de altura. Os links tem uma imagem de background diferente quando hover e active. Só que no firefox essa imagem não cobre os 36px. A altura dela permanece na linha do texto (a largura cobre os 100% só altura que não). E olha que eu uso o reset.css.
Já tentei definir height:36px em todos os seletores, mas simplesmente não funciona. Não sei se o Firefox usa um parâmetro diferente para definir isso Só vocês mesmo pra me ajudarem
Menu correto no IE7
Menu no Firefox
Encaminho os códigos do menu e index
CSS:
/* LAYOUT */
#overall {background-image: url(../images/top-background.jpg); background-repeat:repeat-x;}
#header {height:184px; color:#fff; font-family:calibri, arial, sans-serif; }
#main, #header, #footer {width:760px; margin:0 auto 0 auto; text-align:left; }
.inheader {height:149px;}
.inmain {background-color:#fff; padding:15px 15px 0 15px; margin:0;}
/* Topo */
#nav {height:36px; width:760px; background:url(../images/top-menu.png) repeat-x;}
#nav-menu {float:left; width:80%; font-weight:normal; font-size:13pt;}
#nav-menu ul {margin:0; padding:0; float:left;}
#nav-menu ul li {display:block; height:100%; float:left; margin:0;}
#nav-menu ul li a {color:#fff; padding:0 15px; line-height:36px; text-decoration:none;}
#nav-menu ul li a:visited {color:#fff;}
#nav-menu ul li.active a, #nav-menu ul li a:hover {background:url(../images/top-menu-shadow.png) center repeat-x; height:36px; line-height:36px;}Index.php:
<div id="header">
<div class="inheader">
<div class="toplogo"><img src="<?php echo $tpath; ?>/images/top-logo.png" border="0"><br>Uma história de luta pelo Brasil</div>
<img class="topimg" src="<?php echo $tpath; ?>/images/top-people.png" border="0">
</div>
<div id="nav">
<div id="nav-menu"><jdoc:include type="modules" name="ptmenu" /></div>
</div>
</div>[b:121cuzc1][color=#BF0000:121cuzc1]Lucas Muniz[/color:121cuzc1][/b:121cuzc1]
Designer
[url=http://www.struturadesign.com.br/portfolio:121cuzc1]struturadesign.com.br/portfolio[/url:121cuzc1]
