Ciao a tutti è da poco che mi sto cimentando nello studio dei css e per fare pratica, dove aver letto tantissimo sia sul sito che qui nel forum, sto facendo un sito di prova.
Oggi ho fatto un test ed in particolare sembra funzionare tutto bene con i broswer Explorer, firefox e Opera, ma ho un piccolo problema di risoluzione con Explorer 5.00
Il problema riguarda i menu laterali, i quali risultano più larghi rispetto alle dimensioni impostate e quindi tutto il layuot si sballa. Vi posto il codice:
HTML
codice:
<div id="int_nav_lat">menu laterali</div>
<ul id="nav_lat">
<li id="nav_lat">VLINK1
<li id="nav_lat">VLINK2
<li id="nav_lat">VLINK3
<li id="nav_lat">VLINK4[/list]
<div id="nav_lat-footer"></div>
CSS
codice:
/* Navigazione laterale ==> Link*/
ul#nav_lat{
width:130px;
margin: 0 auto;
padding: 0px;
list-style: none;
background-color: #99CC66;
}
li#nav_lat{
width:130px;
margin: 0 auto;
padding: 0;
border-top: 0px;
border-left: 0px;
border-bottom: 1px solid #669933;
border-right: 0px;
line-height: 22px;
list-style: none;
text-align: left;
background-image: url("sf_nav.gif");
background-repeat: repeat-x;
background-position: top left;
background-color: #99CC66;
}
ul#nav_lat a{
text-decoration: none;
border: 0px;
padding: 2px;
color: #003300;
font-weight: bold;
}
ul#nav_lat a:visited {
text-decoration: none;
}
ul#nav_lat a:hover {
text-decoration: underline;
color: #009900;
}
ul#nav_lat a:active {
text-decoration: none;
}
Il problema riguarda gli [*] infatti questi si vedono più largi delle dimensioni specificate nei css e quindi tutto il layout si sballa. Ho notato che anche sul sito HTML.it succede la stessa cosa.
E' possibile risolvere questo problema?
Inoltre poi ho controllato il sito di prova con Netscape 6 VVoVe: VVoVe: un vero disastro. Ma la cosa mi che conforta che moltissimi siti hanno lo stesso problema!
Spero pero di risolvere almeno il problema con explorer 5.00
Aspetto vostri suggerimenti.
Grazoe 1000