Listor i IE
2009 december 17
Satt med ett problem idag med att få listbilderna i en UL/LI-lista att positionera sig på samma ställe i både IE6+ och FF. Lösningen som jag använde var att istället för att använda den vanliga list-style-image så satte jag bilden som en bakgrundsbild istället.
Alltså, istället för:
ul {
list-style-image: url(/images/dot_blue.gif);
}så använde jag:
ul li {
list-style-type: none;
background-repeat: no-repeat;
background-position: 0 .45em;
padding-left: 14px;
background-image: url(/images/dot_blue.gif);
}Ett mycket bra verktyg för att kunna jämföra utseendet i flera versioner av Internet Explorer, år gratisalternativet ”IETester”.
Detta kan nog funka som ett bra komplement till den Expression Web Superpreview som jag skrev om i ett tidigare inlägg.
