css - Positioning context on table-cell element in Firefox -

-

usually, can set parent element context child's absolute positioning, follows:

#parent {     position: relative; }  #child {     position: absolute;     top: 0;     left: 0; }

this works fine, when parent has display property set table-cell, doesn't work in firefox. positioning context child element closest positioned ancestor above parent.

of note, works everywhere else. tested in ie8, ie9, safari, chrome & opera.

see fiddle here: http://jsfiddle.net/rz5vx/

also, see this fiddle parent's display set inline-block, work in firefox.

so, bug? if so, there anyway work around it?

a table-cell meant inside table, so:

see working fiddle!

div {     display: table;      /* line */     line-height: 28px;     padding: 0 20px;     background: #ddd;     position: relative; }

note: since don't have table in there, set it.

you can see quirksmode the display declaration.

edited

from w3c recommendation :: tables reads

the computed values of properties 'position', 'float', 'margin-*', 'top', 'right', 'bottom', , 'left' on table element used on table wrapper box , not table box; other values of non-inheritable properties used on table box , not table wrapper box. (where table element's values not used on table , table wrapper boxes, initial values used instead.)

this not bug, more status-bydesign thing! please see this!

edited

to include work around placed on comment requested on question:

so, is bug? if so, there anyway work around it?

possible work around are:

wrap element div position:relative; see fiddle!

#wrapper {     position: relative; }

note: practical solution!

wrap inner elements div position:relative; see fiddle! 

#innerwrapper {     position: relative; }

note: requires definitions original element declared on innerwrapper!


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more