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 comment:1
| component: | unfilled → fx |
|---|---|
| owner: | flesler |
Changed November 12, 2008 08:05AM UTC by 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.Brun → 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 |
|---|