Estoy renovando una página, y, tengo un problemilla con unas pestañas que se convirtieron en ellas casi sin querer.
En Fiferox se ve bien, el problema lo da IE (6 y 7), que parece que corta lo superior e inferior de los enlaces. Son simples enlaces con una clase, dentro de un DIV para posicionarlos, y, los enlaces, tienen un padding y un fondo a modo que sean cuadros visibles.
Está publicado y se puede ver un ejemplo en este enlace. Si lo veis con IE, vereis como se cortan las pestañas (el problema solo es ese, que esté mal posicionado espero poder solucionarlo con algún hack para cada versión).
Por cierto, el archivo css es este, de todas formas pongo las clases de los enlaces:
Código:
Supongo que el problema lo da el padding, que ya mas de una vez he tenido que lidiar con él. a.p:link,a.p:active,a.p:visited{
background-color:#ccc;
padding:3px 5px;
color:#000;
border:1px solid #ccc;
text-decoration:none;
}
a.pa:link,a.pa:active,a.pa:visited{
background-color:#fff;
padding:3px 5px;
color:#000;
border:1px solid #ccc;
border-bottom:2px solid #fff;
text-decoration:none;
}
a.p:hover{
background-color:#eee;
border-color:#eee;
border-bottom-color:#cccc;
}
Bueno, gracias y un saludo.
