Div in td and absolute positioning in Firefox

Question

I have a situation which is similar to this fiddle. In Firefox absolute positioning doesn't work correctly.

How can I fix it?

Reinder Wit · Answer 1 · 2012-10-09T05:46:29.740

1

add position:relative to table too: http://jsfiddle.net/axEGM/4/

why are you mixing tables and divs?

edited Oct 09 '12 at 05:46

answered Oct 08 '12 at 13:45

Reinder Wit

Not at all http://jsfiddle.net/axEGM/8/ And I mix tables and divs becouse it is more comfortable for me. – Mateusz Rogulski Oct 08 '12 at 14:01
looks to me as if Firefox just doesn't support positioning on table elements – Reinder Wit Oct 08 '12 at 14:23

score 1 · Accepted Answer · edited May 23 '17 at 10:24

1

Based on the post. Better way is make it by add additional div like on this fiddle.

edited May 23 '17 at 10:24

Community

answered Oct 08 '12 at 14:37

Mateusz Rogulski

score 0 · Answer 3 · answered Oct 08 '12 at 13:45

0

this could help:

#col { position: relative; display:block; }

answered Oct 08 '12 at 13:45

Roman

score 0 · Answer 4 · answered Oct 08 '12 at 13:45

0

I did this and it worked

div {

    position: absolute;
    width: 200px;
    background: green;
    top: 0px;
    left: 0px;
    margin-top: 100px;
}

answered Oct 08 '12 at 13:45

Sachin Kainth

4 Answers4