Erro espazo en branco en Liña / lista de elementos (LI) no IE6
Se xa fixo (ou facer un) un menú vertical usando os elementos dunha lista (li) etiquetas e CSS, podes atopar, este aínda outro erro en Internet Explorer, onde o IE 6 inserir estas lagoas entre os elementos de lista que conteñen elementos nivel de bloque, é dicir, se hai calquera espazo en branco entre os elementos da lista na reserva. Grazas, pero non, grazas, a versión de IE 7 parece libre dese erro.
Se lle gusta de min, e moitos máis, vostede pertence a ese grupo de desenvolvedores frustrados, que aínda teñen para obter os seus novos esquemas, traballando no IE6 tamén, entón iso pode ser útil. Bótalle un ollo ...
Marcado de exemplo:
<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> Sobre </ a> </ li>
<li> <a href="#"> Servizos </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Contacte connosco </ a> </ li>
</ Ul>
Pode crear un pouco de CSS, semellante a un abaixo, para transfrom a reserva por riba nun menú vertical ....
Exemplo CSS ...
# Menú {
Margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menú li {Margin: 0; padding: 0;}
# Menú a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; Modelo-bottom: 1px solid # FFF;
}
Os resultados que ver ...
A solución a este erro ... (modificado / engadido CSS en negra e cursiva)
# Menú {
Margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
float: left; / * este contén elementos de lista flutuou * /
}
# Menú li {
Margin: 0; padding: 0;
float: left; / * Isto resolve o * /
width: 100%; / bug * espazos en branco ao IE6 * /
}
# Menú a {
bloque; cor :: display # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; Modelo-bottom: 1px solid # FFF;
}
Se a solución anterior doesnot parecen funcionar (por razóns coñecidas só para IE6) ... probar este método en vez
Tan só engadir este adicionais IE6 estilos únicos a súa cita ...
<! - [If lt IE 7>
<style type="text/css">
# Menú lin a {display: inline-block;}
# Menú lin a {display: block;}
</ Style>
<[Endif] ->










































