[IE5] box model?

[blur]

ciao,

ho un problema di visualizzazione in IE5 per un menu orrizontale in css.
praticamente mi aumenta di alcuni px il <div> contenitore del menu. vedi immagine.

[blur]

scusate.. mi è scappato il tasto invia...


dicevo, come da immagine:



mi stavo chiedendo se il problema del box model con IE5 è riscontrabile anche qui, anche se in questo caso mi aumenta il padding anzichè ridurmi lo spazio... ho provato a modificare il css in tutti i modi che mi sono venuti in mente..ma nada
è risolvibile?

la parte del css interessata:

#row {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*padding: 6px 0px 0px 0px;*/
background: #eee;
color: #000;
Height:24px;
}


a.bottone, a.bottone:link, a.bottone:active{
font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
font-size:1em;
color:#004892;
border: solid 1px #ccc;
padding: 6px 30px 4px 30px;
width:80px;
margin: -3px;
text-decoration:none;
}



a.bottone:hover{
border: solid 1px #ccc;
background:#fff;
color:#004892;
padding: 6px 30px 4px 30px;
text-decoration:underline;
cursor: pointer;
}

html:

<div id="row">

Contatti</div>

[blur]

buongiorno.... !

[Jerry Masslo]

col codice postato non si vede niente, prova a postare qualcosa che riproduca il problema.

[blur]

ecco qua:

link

[Jerry Masslo]

vediamo se ricordo tutto:

#row {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:0;
background: #eee;
color: #000;
}


/******************************TASTI LINK RIGA (div row) ***********************/


a.bottone, a.bottone:link, a.bottone:active{
font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
font-size:1em;
color:#004892;
border-right: solid 1px #ccc;
padding-left:30px;
padding-right:30px;
text-decoration:none;
margin:0;
}
a.bottone:hover{
background:#fff;
color:#004892;
text-decoration:underline;
cursor: pointer;
}

ai link ho tolto l'invio e li ho messi tutti sulla stessa riga

[blur]

perchè hai tolto l'height a #row?

così il menu è tutto più piatto.

e con ie5 è peggiorato tutto, se vai a vedere.

[Jerry Masslo]

Originariamente inviato da blur
perchè hai tolto l'height a #row?

così il menu è tutto più piatto.

e con ie5 è peggiorato tutto, se vai a vedere.

l'height al ridimensionamento dei caratteri non seguiva i link, ma se vuoi puoi rimetterlo, con ie5 non l'avevo visto, forse ti conviene passare a ul e li, mi pare che diano meno problemi, dai ai li display:inline

[blur]

allora, alla fine sono riuscito a fare qualcosa con i <ul> e[*]
quello che non sono riuscito a fare è unire il bordo dx del 1° elemento con il bordo sx del 2° elemento.
idee?

adesso funziona meglio con la ridimensione dei caratteri.

solo che visualizzando la pagina con IE5 mi ingrandisce tutto il menu, anche qui idee?

questo è il
link

[Jerry Masslo]

ie5 credo che sia refrattario, per lo spazio prova a mettere tutti i li sulla stessa riga senza spazi e in caso il raddoppio di bordo non ti piaccia levane uno e al limite lo aggiungi per un solo li estremo.