Listor i IE

Jonas — Thu, 17 Dec 2009 09:13:56 +0000

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.

Expression Web Superpreview

Jonas — Sat, 28 Nov 2009 13:21:38 +0000

I våras på MIX 09 presenterade Microsoft programmet Expression Web Superpreview som skall hjälpa webbutvecklare med att ta fram webb sidor som ser lika bra ut i olika webbläsare. Har ännu ej själv installerat programmet, men skall göra det imorgon hade jag tänkt mig, för det ser riktigt coolt ut.

Man kan ladda ner en trial version gratis här

Och här en video som beskriver superpreview

An Introduction to SuperPreview in Expression Web 3

Altran CIS bloggen » Expression Web

Listor i IE

Expression Web Superpreview