problem with position relative and table « Terra Informatica Forums

Terra Informatica Forums » htmlayout

problem with position relative and table

(7 posts)

Started 3 years ago by tomap
Latest reply from andrew

Tags:

tomap
Member

When converting this code, the cells are not rendered properly compared to IE / Firefox : the dashed border cells are not in the right position.

[ Admin: code removed, see below ]

Posted 3 years ago #
andrew
Key Master

I cannot see any problems here.

You have following:
<TABLE STYLE='FONT-SIZE:1pt;'>
and engine honestly draws your table with 1px sized font.

You use class atributes there so I suspect you forgot to provide style sheet.

Posted 3 years ago #
tomap
Member

You are right, sorry, this code is the one with cells not working :

<HTML><HEAD><TITLE></TITLE></HEAD><BODY><STYLE>.TT {font-size:11pt}</STYLE>
<TABLE STYLE='margin-left:90px;width:90%' CELLSPACING=0 CELLPADDING=0>
<TR><TD>
<TABLE STYLE='FONT-SIZE:5pt;' CELLSPACING=0 CELLPADDING=0><TR>
<TD COLSPAN=2 STYLE='height:1px;border-top:1px black dashed;border-left:1px black dashed;'> </TD>
<TD style='height:1px;'></TD><TD style='height:1px;'> </TD>
</TR><TR>
<TD STYLE='border-left:1px black dashed;'> </TD>
<TD ROWSPAN=2 COLSPAN=2>
<DIV STYLE='WIDTH:400px;FONT-SIZE:0;padding:0;margin:0'></DIV>
<TABLE cellpadding=1 cellspacing=1 BORDER=0><TR><TD colspan=4 class=TT>ParamÃ¨tres:</TD></TR></TABLE>
<TABLE cellpadding=1 cellspacing=1 BORDER=0 CLASS=TT><TR>
<TD width=10px><TD><TD>a</TD><TD width=5></TD><TD> <B>=</B> 111</TD>
</TR></TABLE>
</TD>
<TD></TD>
</TR><TR>
<TD></TD>
<TD STYLE='border-right:1px black dashed;'> </TD>
</TR><TR>
<TD> </TD>
<TD></TD>
<TD COLSPAN=2 STYLE='border-bottom:1px black dashed;border-right:1px black dashed;'> </TD>
</TR></TABLE>
</TD></TR>
</TABLE>
</BODY>

and this one, (with position:relative) repeats the "relative" element on top of each pages (tested with Printex):

<HTML><HEAD><TITLE></TITLE></HEAD><BODY><STYLE>.TT {font-size:11pt}</STYLE>
<TABLE STYLE='position:relative;left:10%;width:90%' CELLSPACING=0 CELLPADDING=0>
<TR><TD>
<TABLE STYLE='FONT-SIZE:5pt;' CELLSPACING=0 CELLPADDING=0><TR>
<TD COLSPAN=2 STYLE='height:1px;border-top:1px black dashed;border-left:1px black dashed;'> </TD>
<TD style='height:1px;'></TD><TD style='height:1px;'> </TD>
</TR><TR>
<TD STYLE='border-left:1px black dashed;'> </TD>
<TD ROWSPAN=2 COLSPAN=2>
<DIV STYLE='WIDTH:400px;FONT-SIZE:0;padding:0;margin:0'></DIV>
<TABLE cellpadding=1 cellspacing=1 BORDER=0><TR><TD colspan=4 class=TT>ParamÃ¨tres:</TD></TR></TABLE>
<TABLE cellpadding=1 cellspacing=1 BORDER=0 CLASS=TT><TR>
<TD width=10px><TD><TD>a</TD><TD width=5></TD><TD> <B>=</B> 111</TD>
</TR></TABLE>
</TD>
<TD></TD>
</TR><TR>
<TD></TD>
<TD STYLE='border-right:1px black dashed;'> </TD>
</TR><TR>
<TD> </TD>
<TD></TD>
<TD COLSPAN=2 STYLE='border-bottom:1px black dashed;border-right:1px black dashed;'> </TD>
</TR></TABLE>
</TD></TR>
</TABLE>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>a
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>b
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>c
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>d

</BODY>

Posted 3 years ago #
andrew
Key Master

I found problem with this table rendering on my side but have a question.
You said that "...the cells are not rendered properly compared to IE / Firefox : the dashed border cells are not in the right position."

I cannot see any dashed borders (first example above) neither in IE6 nor FF(latest).
Can anybody confirm this? Are you able to see dashed borders in any UA other than HTMLayout?

In principle you should see picture like this http://www.terrainformatica.com/temp/table-problem.png .

To be honest I have no idea why IE/FF/Opera are not showing borders here.

Posted 3 years ago #
tomap
Member

In the HTML code in the post, the   seems to have been removed, so the empty cells are not rendered !
(your forum engine removed the non breakable spaces)

Posted 3 years ago #

tomap
Member

A new try with "backticks"

<HTML><HEAD><TITLE></TITLE></HEAD><BODY><STYLE>.TT {font-size:11pt}</STYLE>
<TABLE STYLE='margin-left:90px;width:90%' CELLSPACING=0 CELLPADDING=0>
<TR><TD>
	<TABLE STYLE='FONT-SIZE:5pt;' CELLSPACING=0 CELLPADDING=0><TR>
		<TD COLSPAN=2 STYLE='height:1px;border-top:1px black dashed;border-left:1px black dashed;'>&nbsp;</TD>
		<TD style='height:1px;'></TD><TD style='height:1px;'>&nbsp;</TD>
	</TR><TR>
		<TD STYLE='border-left:1px black dashed;'>&nbsp;</TD>
		<TD ROWSPAN=2 COLSPAN=2>
			<DIV STYLE='WIDTH:400px;FONT-SIZE:0;padding:0;margin:0'></DIV>
			<TABLE cellpadding=1 cellspacing=1 BORDER=0><TR><TD colspan=4 class=TT>ParamÃ¨tres:</TD></TR></TABLE>
			<TABLE cellpadding=1 cellspacing=1 BORDER=0 CLASS=TT><TR>
				<TD width=10px><TD><TD>a</TD><TD width=5></TD><TD>&nbsp;<B>=</B> 111</TD>
			</TR></TABLE>
		</TD>
		<TD></TD>
	</TR><TR>
		<TD></TD>
		<TD STYLE='border-right:1px black dashed;'>&nbsp;</TD>
	</TR><TR>
		<TD>&nbsp;</TD>
		<TD></TD>
		<TD COLSPAN=2 STYLE='border-bottom:1px black dashed;border-right:1px black dashed;'>&nbsp;</TD>
	</TR></TABLE>
</TD></TR>
</TABLE>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>a
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>b
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>c
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr>d

</BODY>

Posted 3 years ago #

andrew
Key Master

Thanks, this is better. I can see borders in IE now. This way rendering matches with htmlayout.

Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.