Skip to main content

Bug Tracker

Side navigation

#3383 closed bug (duplicate)

Opened September 19, 2008 02:44PM UTC

Closed February 18, 2009 03:24AM UTC

Last modified October 04, 2010 09:39PM UTC

forcing display:block on table, tr td elements

Reported by: Herode Owned by:
Priority: major Milestone: 1.3
Component: effects Version: 1.2.6
Keywords: display block Cc: cbrun@hypothese.net
Blocked by: Blocking:
Description

Some effects of the library set the "display" CSS property to "block".

Ex : show()

I tried to apply show() to a <tr> element with a colspan > 1, which caused wrong displays under Firefox, Opera, GoogleChrome (but not IE7).

Here is a sample HTML code to illustrate the issue :

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">  
  <head>		 		     
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />		     
    <style type="text/css">
	.line_one { background : lime; }
	.line_two {background : red; }
    </style>
  </head>
  <body>    	  
  
    <table>			                                                           
      <tr class="line_one">				                                                   
        <td>colonne 1</td>                                                           
        <td>colonne 2</td>                                                  
      </tr>	
	  
      <tr class="line_two" style="display: block;">			                     
        <td colspan="2">7777777777777777777</td>                                  
      </tr>			       
    </table>  
  </body>
</html>

With "display:block", the second line only occupies one column, despite the colspan=2 request. The problem is that for IE, table, tr and td are of type "block" but under Firefox &co they are of types table, table-row et table-cell.

#NB

I temporarily fixed the issue by replacing

  • display = "block"

by

  • display = ""

in the jQuery.js code

Best regards,

C.Brun

Attachments (0)
Change History (5)

Changed September 19, 2008 03:32PM UTC by flesler comment:1

component: unfilledfx
owner: flesler

Changed November 12, 2008 08:05AM UTC by davidserduke comment:2

description: Some effects of the library set the "display" CSS property to "block". \ Ex : show() \ \ I tried to apply show() to a <tr> element with a colspan > 1, which caused wrong displays under Firefox, Opera, GoogleChrome (but not IE7). \ \ Here is a sample HTML code to illustrate the issue : \ \ #BEGIN CODE \ <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> \ <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> \ <head> \ <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> \ <style type="text/css"> \ .line_one { background : lime; } \ .line_two {background : red; } \ </style> \ </head> \ <body> \ \ <table> \ <tr class="line_one"> \ <td>colonne 1</td> \ <td>colonne 2</td> \ </tr> \ \ <tr class="line_two" style="display: block;"> \ <td colspan="2">7777777777777777777</td> \ </tr> \ </table> \ </body> \ </html> \ #END CODE \ \ With "display:block", the second line only occupies one column, despite the colspan=2 request. The problem is that for IE, table, tr and td are of type "block" but under Firefox &co they are of types table, table-row et table-cell. \ \ #NB \ I temporarily fixed the issue by replacing \ \ - display = "block" \ \ by \ \ - display = "" \ \ in the jQuery.js code \ \ Best regards, \ C.BrunSome effects of the library set the "display" CSS property to "block". \ Ex : show() \ \ I tried to apply show() to a <tr> element with a colspan > 1, which caused wrong displays under Firefox, Opera, GoogleChrome (but not IE7). \ \ Here is a sample HTML code to illustrate the issue : \ \ {{{ \ <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> \ <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr"> \ <head> \ <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> \ <style type="text/css"> \ .line_one { background : lime; } \ .line_two {background : red; } \ </style> \ </head> \ <body> \ \ <table> \ <tr class="line_one"> \ <td>colonne 1</td> \ <td>colonne 2</td> \ </tr> \ \ <tr class="line_two" style="display: block;"> \ <td colspan="2">7777777777777777777</td> \ </tr> \ </table> \ </body> \ </html> \ }}} \ \ With "display:block", the second line only occupies one column, despite the colspan=2 request. The problem is that for IE, table, tr and td are of type "block" but under Firefox &co they are of types table, table-row et table-cell. \ \ #NB \ I temporarily fixed the issue by replacing \ \ - display = "block" \ \ by \ \ - display = "" \ \ in the jQuery.js code \ \ Best regards, \ C.Brun

Changed February 18, 2009 03:24AM UTC by dmethvin comment:3

resolution: → duplicate
status: newclosed

This is a duplicate of #2580.

Changed October 03, 2010 03:04AM UTC by dmethvin comment:4

See also #7110.

Changed October 04, 2010 09:39PM UTC by snover comment:5

Duplicate of #2185.