html - How to position elements inside a TD or TH without getting a warning in Firefox? -


I am using element at the right in a table header cell to do this, deployed TH to myself To do this, the child's element to offset painter (in my case, using position: relative ). Unfortunately, it appears that the current Firefox version will issue a warning to any TD or TR at any time other than the static.

The lower minimum table HTML

  & lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Head & lt; / Th & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; Cell & lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;   

and the following minimum CSS rule

  th (status: relative) // None of these have sufficient td {status: relative} // to trigger Warning table for {border-fall: collapse}   

This warning appears in the console for Firefox 30 and 32:

Table Relative position rows and row groups are now supported. This site may need to be updated because its effect may not depend on this feature.

(Alert does not appear when table borders are set apart)

The source of this message is:

  / * static * / void nsTableFrame :: RegisterPositionedTablePart (nsIFrame * aFrame) {// Table cells have to support relative position for table parts besides // // the ability to break the site that 'Position: Relative' In those parts, do not expect anything to happen. We warn the console that // make it easier to correct the problem.   

It seems that we receive this warning, even if we are not doing anything wrong, because the other site does not depend on the status rule Can "Nothing" Have any way to get rid of this annoying warning? It's basically telling me: Warning, you're actually working!

Did you try it?

  & lt; Table & gt; & Lt; Tr & gt; & Lt; Th & gt; & Lt; Span class = "pos1" & gt; Head & lt; / Span & gt; & Lt; / Th & gt; & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td> & Lt; Span class = "pos2" & gt; Cell & lt; / Span & gt; & Lt; / Td> & Lt; / Tr & gt; & Lt; / Table & gt;   

CSS:

  .pos1 {position: abssolute; Top: 25px / * example * /} .pos2 {status: abssolute; Top: 10px / * example * /}    

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -