Hola amigos de Foros del Web!
Los molesto con este problema que me tiene trabado hace un par de dias: no logro que una lista se vea bien en IE7 (se ve bien en el 8, en FF) .
Imagino que es algo que me falta o me sobra en el CSS, la cuestion es que soy un principiante en esto y he visto por ahi que en versiones viejas del IE habia problemas, pero se me escapa la perdiz!!
Pongo mas abajo el codigo html y la parte del CSS que corresponde a la lista, aclaro que el resto de la pagina se muestra normlamente, el problema esta exclusivamente en la lista <ul>.
Desde ya gracias por la ayuda!
Eduardo
Código:
<div id="contenido">
<ul id="columna1">
<li><a href="guia/1.html" target="_self">archivo1</a></li>
<li><a href="guia/2.html" target="_self">archivo2</a></li>
<li><a href="guia/3.html" target="_self">archivo3</a></li>
<li><a href="guia/4.html" target="_self">archivo4</a></li>
<li><a href="guia/5.html" target="_self">archivo5</a></li>
<li><a href="guia/6.html" target="_self">archivo6</a></li>
<li><a href="guia/7.html" target="_self">archivo7</a></li>
</ul>
</div>
Código:
div#contenido {
background-color: #bbff99;
border: solid thin #999999;
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 40px;
padding: 0px;
padding-bottom: 30px;
width: 620px;
height: 1200px;
float: left;
}
ul#columna1 {
width: 196px;
list-style-type: none;
background-color: #bbff99;
font-family: Calibri,Helvetica,Verdana,Arial,sans-serif;
font-weight:bold;
font-size: 0.85em;
letter-spacing: 0.1em;
margin: 0px;
padding: 5px;
float: left;
}
li {
display: block;
margin: 0px;
list-style-type: none;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
li a:link {text-decoration:none; color: #000;}
li a:visited {text-decoration:none; color: #000;}
li a:hover {text-decoration:none; color: #ff1f00;}