Expressant TI

Si alguna vegada has fet (o fer un) un menú vertical amb elements de la llista (li) i les etiquetes de CSS, pot trobar-se amb aquest altre error a Internet Explorer, IE 6, on s'insereix la bretxa entre els elements de la llista que contenen els elements block-level, és a dir, si hi ha algun espai en blanc entre els elements de la llista en el marcatge. Gràcies, però no, la versió d'Internet Explorer 7 sembla lliure d'aquest error.
Si com jo, i molts més, vostè pertany a aquest grup de desenvolupadors frustrats, que encara han d'aconseguir els seus nous dissenys, que treballen en IE6 també, llavors això podria resultar útil. ¡Fes un cop d'ull ...

Exemple de marcat:

<ul id="menu">
<li> <a href="#"> Inici </ a> </ li>
<li> <a href="#"> Sobre </ a> </ li>
<li> <a href="#"> Serveis </ a> </ li>
<li> <a href="#"> cartera </ a> </ li>
<li> <a href="#"> Ajuda </ a> </ li>
<li> <a href="#"> Contacti amb nosaltres </ a> </ li>
</ Ul>

Vostè pot crear una mica de CSS, similar a la de baix, per transformar la marge anterior en un menú vertical ....

Mostra CSS ...
# Menu {
margin: 0; padding: 0; fons: # FF9900;
list-style-type: none; ample: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menú a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Els resultats que vostè veurà ...

Solució per aquest error ... (modificat / afegit CSS en negreta i cursiva)

# Menu {
margin: 0; padding: 0; fons: # FF9900; list-style-type: none; ample: 150px;
float: left; / * això conté elements flotants de la llista * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Això fixa el * /
width: 100%; / * espai en blanc error en IE6 * /
}
# Menu {1
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Si la solució anterior doesnot sembla que funcionen (per raons conegudes només IE6) ... provar aquest mètode en lloc

Només ha d'afegir aquests altres estils només IE6 del seu marge de benefici ...

<- [If lt IE 7>
<style type="text/css">
# Menu li a {display: inline-block;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->