Piccola striscia su Firefox

[furious]

Piccola striscia su Firefox

Ciao ragazzi, su Explorer (6) visualizzo correttamente le mie pagine, mentre su Firefox (1.8) compare una piccola striscia bianca sopra alle scritte del menù. Le pagine in questione sono qui: http://www.pianetanba.com/webdesign/webbal.htm
In allegato c'è il Css.

[fusionman]

Togli i br ed usa il padding-top nel css per spostare le voci di menu più in basso.

[fusionman]

Scusa....margin-top non padding-top

[furious]

@FuSioNmAn said:

Scusa....margin-top non padding-top

Sto provando con il margin-top ma una volta tolto il <br/> le scritte si posizionano più in alto e basta: il margin-top nn le tocca minimamente. Cmq se metto un margin-right o left le scritte del menù si spostano, quindi dovrebbe essere segno che almeno sto agendo sulla parte giusta (nel mio caso è il "div#navigation a"). Ho provato anche con il padding-top, ma niente da fare. Probabilmente ho impostato qualcosa che contrasta con il margin-top: rifaccio un pò di prove e ripasso il manuale, che è meglio...

[fusionman]

[HTML]
div#menu1{
background-image:url(http://www.pianetanba.com/webdesign/navigation-bg1-40h.jpg);
background-repeat: no-repeat;
height: 40px;
width: 95px;
float: left;
padding-top: 10px;
}
[/HTML]

Diventano così tutti i menu.
Aggiungi il no-repeat ed il padding-top ai div di menu e non all'href.

[furious]

@FuSioNmAn said:

[HTML]
div#menu1{
background-image:url(http://www.pianetanba.com/webdesign/navigation-bg1-40h.jpg);
background-repeat: no-repeat;
height: 40px;
width: 95px;
float: left;
padding-top: 10px;
}
[/HTML]

Diventano così tutti i menu.
Aggiungi il no-repeat ed il padding-top ai div di menu e non all'href.

Esatto!
Dovevo modificare il div apposito delle scritte e non quello del collegamento... poi ho dovuto mettere un top margin -10px al div content perchè altrimenti i div#menù si allungavano di 10 px e coprivano il content. Non so se ho fatto una cosa giusta stilisticamente o è un espediente da principiante, cmq adesso la pagina rende bene sia su Explorer che su Firefox
http://www.pianetanba.com/webdesign/webbal.htm.

[fusionman]

@Furious said:

Esatto!
poi ho dovuto mettere un top margin -10px al div content perchè altrimenti i div#menù si allungavano di 10 px e coprivano il content. Non so se ho fatto una cosa giusta stilisticamente o è un espediente da principiante, cmq adesso la pagina rende bene sia su Explorer che su Firefox
http://www.pianetanba.com/webdesign/webbal.htm.

Rende bene ma non è propriamente corretto.
Bisognerebbe provare un po e cercare la soluzione adatta. Non ho molto tempo per provare, se lo faccio farò sapere ma è un problema banale...dovresti arrivarci da solo.

[furious]

@FuSioNmAn said:

Rende bene ma non è propriamente corretto.
Bisognerebbe provare un po e cercare la soluzione adatta. Non ho molto tempo per provare, se lo faccio farò sapere ma è un problema banale...dovresti arrivarci da solo.

Ok, grazie, mi sei stato di grande aiuto Questo del content è un problema di poco conto, vedrò di sbrigarmela da solo. Alla prox