Closed Bug 275296 Opened 20 years ago Closed 16 years ago

tables are not shown properly, there are missing lines and the thing is w3c

Categories

(Core :: Layout: Tables, defect)

Product:
Core
Component:
Layout: Tables
Platform:
x86
Windows 98
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INCOMPLETE

People

(Reporter: gerwin_kramer, Unassigned)

Details

Attachments

(3 files)

image of incorrectly displayed borders
110.67 KB, image/x-png
Details
same page as above, but with borders, after refresh page is completely xhtml 1.0 transitional valid
114.25 KB, image/x-png
Details
grab: orange table uses same CSS but simply overrides the colors
18.04 KB, image/gif
Details 
User-Agent:       Mozilla/5.0 (Windows; U; Win98; nl-NL; rv:1.7.5) Gecko/20041202 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Win98; nl-NL; rv:1.7.5) Gecko/20041202 Firefox/1.0

I have the same problem with the table written below, with only one tr (row)
there are no problems, but with multiple tr's (rows) there are a lot, missing
lines etc. So I suggest you to copy everything from <tr> to </tr> and past it a
few times in the table and check for yourself. In microsofts browser everything
is oke. And it's strange that sometimes it is good in mozilla, and other times
totaaly wrong, reloading helps.




<TABLE width='100%' border='1' class='table'>

 
    <TR> 
	<TD colspan='4' height='30'><H2>Titel</H2></TD> 
    </TR> 
    <TR> 
        <TD colspan='4' background='../images/texture.gif' height='45'><P
align='right'>Page:<SELECT name='pagina'><option value='1'>1</option> 
            <option value='2'>2</option></SELECT></P> 
       </TD>    
    </TR> 
    <TR> 
        <TD width='15%' height='100' rowspan='3' valign='top'><font
size='4'><b>naam</b><BR> 
        </font> 
        Avatar<BR> 
        <B><font size='1'>Short text</font></B><BR> 
        <BR> 
        <BR> 
        <font size='1'><B>Posts: </B> 18<BR> 
        <B>Location:</B>Norg<BR> 
        <B>Registerd:</B>29th of October 2003</font> 
        </TD> 
        <TD height='23' width='80%'> <font size='2'>By Guldan - Thursday 02nd of
December 2004 04:29:43 PM</font>&nbsp;</TD> 
        <TD>Include rechten module </TD> 
    </TR> 
    <TR> 
        <TD height='100' width='80%' colspan='2'>Topic Titel</TD> 
    </TR> 
    <TR> 
    	<TD width='70%' colspan='3' height='20'> 
    	<FONT size='1'>Signature</FONT> 
    	</TD>  
    </TR> 
    <TR> 
    	<TD background='../images/texture.gif' colspan='4'>&nbsp;</TD> 
    </TR>
 </TABLE>   	

Reproducible: Sometimes

Steps to Reproduce:
1. <TABLE width='100%' border='1' class='table'>

 
    <TR> 
	<TD colspan='4' height='30'><H2>Titel</H2></TD> 
    </TR> 
    <TR> 
        <TD colspan='4' background='../images/texture.gif' height='45'><P
align='right'>Page:<SELECT name='pagina'><option value='1'>1</option> 
            <option value='2'>2</option></SELECT></P> 
       </TD>    
    </TR> 
    <TR> 
        <TD width='15%' height='100' rowspan='3' valign='top'><font
size='4'><b>naam</b><BR> 
        </font> 
        Avatar<BR> 
        <B><font size='1'>Short text</font></B><BR> 
        <BR> 
        <BR> 
        <font size='1'><B>Posts: </B> 18<BR> 
        <B>Location:</B>Norg<BR> 
        <B>Registerd:</B>29th of October 2003</font> 
        </TD> 
        <TD height='23' width='80%'> <font size='2'>By Guldan - Thursday 02nd of
December 2004 04:29:43 PM</font>&nbsp;</TD> 
        <TD>Include rechten module </TD> 
    </TR> 
    <TR> 
        <TD height='100' width='80%' colspan='2'>Topic Titel</TD> 
    </TR> 
    <TR> 
    	<TD width='70%' colspan='3' height='20'> 
    	<FONT size='1'>Signature</FONT> 
    	</TD>  
    </TR> 
    <TR> 
    	<TD background='../images/texture.gif' colspan='4'>&nbsp;</TD> 
    </TR>
 </TABLE>   	
2. copy from <tr> to </tr> and past a few times in the table and load it in mozilla
3. check if you see missing lines


Actual Results:  
missing borders and lines etc


Expected Results:  
show everything properly

sorry this bug is posted a few times but i think it's an important bug so i post
it again
(In reply to comment #0)
> sorry this bug is posted a few times but i think it's an important bug so i post

where?
same problem here sometimes tableborders are invisible, after refresh visible 
again
Attachment #182825 - Attachment description: same page as above, but with borders after refresh → same page as above, but with borders, after refresh page is completely xhtml 1.0 transitional valid
HTML is as you would expect, CSS is as follows:

table.block
{
	margin-left:		1px;
	margin-top:			8px;
	margin-bottom:		8px;
	width:				520px;
	border-collapse:	collapse;
}

table.block td
{
	border: 			1px solid #3772AE;
	vertical-align: 	middle;
	text-align:			center;
	width:				50px;
	height: 			50px;
}

/*main item image cell*/
table.block td.image
{
	width:				150px;
	height: 			150px;
}

/*header and footer cells*/
table.block th
{
	padding:			2px;
	border: 			1px solid #3772AE;
	vertical-align: 	middle;
	text-align:			left;
	height: 			25px;
	line-height:		20px;
}

/*company name inside th cell*/
table.block th.head
{
	background-color:	#3772AE;
	color:				#ffffff;
	font-weight:		bold;
}
forgot to mention, reloading the page in-situ retains the incorrect rendering
but going back and forth in the history and following links back/forth usually
clears it. could it be to do with border-collapse? adjacent cell spacing which
should be invisible drawn white over the existing border? (cellspacing is set to
0 in the html for ie mac rendering, there is an ie mac hack for the table css
but removing it does not effect the rendering. i should be able to recreate this
reliably using cutouts from the site

if you can attach a standalone testcase html+css file exhibiting the problem,
that would be helpful. the bits in comment 0 as such don't have any border
issues for me on current firefox trunk on linux.
(In reply to comment #7)
> if you can attach a standalone testcase html+css file exhibiting the problem,
> that would be helpful. the bits in comment 0 as such don't have any border
> issues for me on current firefox trunk on linux.


i couldnt recreate it in a standalone configuration, may be something to do with
having tables within tables all css'ed up to the eyeballs, the offending site is
now live, however, at http://www.lagoonal.com/ (yeah i know the xhtml wont
validate. i inherited the project and it's a pain to sort out, will get around
to it one day when i've got no workload as i'm obsessive-compulisive about that
sort of thing!)

http://www.jdawiseman.com/papers/games/bugzilla-20050909.html has two tables
with identical interiors. The first table starts with a 
   <table border="1">
and renders correctly. The second starts with 
   <table border="1" frame="border" rules="rows">
and the horizontal rows sometimes run through the middle of cells merged
vertically using ROWSPAN. This is wrong, and strange. 

Problem occurs in 
    Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716
Firefox/1.0.6 
and in Firefox 1.04 on the Mac OS X. 

Both of the example tables render correctly in IE. 
Further to comment 9, my home Mac is actually running Mozilla/5.0 (Macintosh; U;
PPC Mac OS X Mach-O; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6
The problem with http://www.jdawiseman.com/papers/games/bugzilla-20050909.html still happening in Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5
Assignee: firefox → nobody
Component: General → Layout: Tables
Product: Firefox → Core
QA Contact: general → layout.tables
Version: unspecified → Trunk
I am closing this bug as incomplete, the urls are 404 or drastically changed and we have already alot border collapse missing lines bugs so this is probably alos a dupe.
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: