I have an confession to make. I don't use Firefox. I know, I know.
Thing is, I love Opera. It's by far and away the best of the browsers. And lets face it, most of the users of my site use Internet Explorer, so I use IE to make sure everything renders correctly. Firefox, like Safari for windows, sits mostly unused.
I did use it today, and I discovered something funny. Take a look at this magnetic soap dish, see that "free shipping" graphic? It is positioned absolutely, relative to the table cell that its in (mostly cause I'm lazy.) The table cell is positioned relatively.
For those who've forgotten, positioning an item relatively has no effect on how its displayed. What it does is, for child elements that are positioned absolutely, its relative to the relatively positioned element. Without a relatively positioned element, its relative to the top left of the page.
Of course, it renders fine in IE. In Firefox, it would put that graphic in the top left of the page. After playing around, turns out that wrapping the image in a div and positioning the div relatively renders correctly in all browsers.
I'm not sure why it wouldn't allow the cell to be positioned. I can understand not positioning it absolutely, but relatively should work. Unless I'm missing something...
Item of the day: Master Gourmet 157-084-CR by Blanco America - Kitchen Faucet
Comments