CSS Problem - Socoder

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|640\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> CSS Problem
Tue, 27 Mar 2007, 10:52
mike_g	Hi I'm making another game in javascript. To avoid latency when swaping between images I got them set up in a tileset thats divided in CSS. My game runs fine in the HTMLkit preview window and in IE, but when I run it in Firefox only the first tile in the grid can be drawn. Example: #panel1 {width: 32px; height: 32px; background: url(tiles.png) 0 0 no-repeat;} #panel2 {width: 32px; height: 32px; background: url(tiles.png) 0 -32 no-repeat;} #panel3 {width: 32px; height: 32px; background: url(tiles.png) 0 -64 no-repeat;} #panel4 {width: 32px; height: 32px; background: url(tiles.png) 0 -96 no-repeat;} --v The top line is the first tile, which gets drawn np. The next three are other tiles that firefox wont draw, but if I change their location to 0, 0 then they are drawn fine but they are all the same image as the first tile. To draw the images on the page I am creating a div with the ID set as the name of the tile. Anyone know what I am doing wrong?
Tue, 27 Mar 2007, 12:24
Phoenix	Hmm.. I really don't know. Can you show us the page?
Tue, 27 Mar 2007, 12:39
mike_g	Its ok, I found what it was by using by using the Validate Local CSS in the Firefox web developer toolbar. Apparently firefox dosent accept a value in px as a parameter but using a percentage instead will work. Cheers.