CODEWITHSUNDEEP
css
Mave
Mave

Reputation: 2515

Position absolute is not within the relative parent

For whatever reason, the most simplest of styling fails to work at this point. FF31.0.1 works fine, Chrome works fine, IE11 works fine, but FF29.0.1 refuses to acknowledge this simple style.

See this for example:

http://twitchplayspokemon.org/

Next to the larger images, there should be smaller sprites next to them. People are reporting cases like this: https://i.sstatic.net/UQCWY.png

The <td> that contains both images is styled with position: relative; whilst the second image is a position: absolute; bottom: 0; right: 0;. Why does this not work?

Upvotes: 0

Views: 49

Answers (1)

macguru2000
macguru2000

Reputation: 2132

You should not use the CSS position property with table cells. I'd suggest either not using tables or not depending on the relative positioning.

Another option is to fill the table cell with a relatively positioned <div/> tag that can then work with absolutely positioned child elements.

Upvotes: 1

Related Questions