IE6 stræk billede

Tags:    html css

Jeg har et problem med denne side, som virker fint i Firefox, IE7 og IE8, men ikke i IE6: http://mcs.mozilladanmark.dk/theme/html/ (siden spørger om bruger/pass, som er test/test)

Problemet ligger i poll-boksen til venstre. Som det ses på billedet http://temp.jesperkristensen.dk/mozilla/mcs/poll-ie6.png så fylder de 4 billeder, som poll-baren består af det korrekte i IE6, men selve billedet strækkes ikke. I stedet efterlades bare tomrum der hvor billedet skulle have været. Jeg kan selvfølgelig bare lave billedet større, så jeg er sikker på det dækker hele området, men jeg vil gerne undgå det. Jeg har prøvet at specificere højde og bredde på billedet med CSS i stedet for HTML, men det gav ingen forskel. Nogen derude, som kan finde fejlen?



2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Det er så minimalt lidt bytes det drejer sig om at det sagtens kan svare sig at gøre billedet større.

Hvis du prøver at gå efter optimering, så vil jeg slå billederne sammen til en CSS sprite. Efter hvad jeg lige kan tælle bruger du fem billeder til at danne begge streger, to røde og tre grønne. Dvs. det er fem requests til serveren. Med et CSS sprite billede, kombinerer du de fem billeder til et, og derved har du så kun et request.

Langt større udbytte. Ydermere kan du jo så altid smush'e det endelige billede med smush.it og derved gøre billedet endnu mindre fysisk. Det koster lidt tid i CSS tilpasning, men til gengæld bruger dine besøgende mindre tid på at loade siden. :)



Jeg endte med at gøre billederne bredere, da jeg ikke fandt noget bedre.



t