Browser bug when position:relative is ignored on table


Absolutely-positioned children of a relatively-positioned table will be positioned relative to the window, not the table.

A relatively positioned table with an absolutely positioned element placed inside of it will not calculate the correct position – relative to it’s parent – but instead render the absolutely-positioned element in relation to the browser window itself. This does not reproduce when the same absolutely-positioned element is placed inside other relatively-positioned elements such as DIVs, however. Best suggestion, should this be an issue for your design, is to avoid the case entirely.

This issue originally documented by Peter-Paul Koch at quirksmode.org (Read original article).

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s