Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Different rendering in IE5 and IE6

Status
Not open for further replies.

gatwick2002

Programmer
Jun 24, 2004
8
US
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE height="100%" width="100%" cellSpacing="0" cellPadding="-1">
<tr>
<td height="100%" width="80">
<TABLE
height="100%" cellSpacing="0" cellPadding="-1">
<TR>
<TD id="tdMenu" style="BORDER-RIGHT: #3c739a thin solid; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<TABLE width="100%" cellSpacing="0" cellPadding="-1">
<tr>
<TD >QQQQQQQQQQ
</TD>
</tr>
</TABLE>
</TD>

</TR>
</TABLE>
</td>
<td>
DDDDD
</td>
</tr>
</TABLE>
</BODY>
</HTML>

In IE6 this code draws vertical border from top to bottom. The same code in IE 5 draws only small chunk of line. Why? What should I change in it to make it draws itself equally?
 
already tried <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > - no effect.
 
that's a partial doctype and the effect would be the same as having none. A VALID doctype includes the document URL.




Chris.

Indifference will be the downfall of mankind, but who cares?
A website that proves the cobblers kids adage.
Nightclub counting systems

So long, and thanks for all the fish.
 
First, your doctype is not valid -- if you look at it, it is not on the list Faomcow gave you.

Second, I am pretty sure there is no such setting as cellpadding="-1". I have never seen that attribute take negative values.

Try again with that and see what happens
 

Personally, I would run all of your code (both HTML and CSS) through a validator, and fix all of the errors it throws up before continuing to hunt this one down.

I can't sasy for sure (you haven't posted all your code), but from what you have posted, I'm guessing not all of your code is 100% compliant to any of the standards available.

Hope this helps,
Dan
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<HTML>
<HEAD>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY>
<TABLE style="height:100%" width="100%" cellSpacing="0" cellPadding="-1">
<tr>
<td style="height:100%;width:80;">
<TABLE
style="height:100%" cellSpacing="0" cellPadding="-1">
<TR>
<TD id="tdMenu" style="BORDER-RIGHT: #3c739a thin solid; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">
<TABLE width="100%" cellSpacing="0" cellPadding="-1">
<tr>
<TD >QQQQQQQQQQ
</TD>
</tr>
</TABLE>
</TD>

</TR>
</TABLE>
</td>
<td>
DDDDD
</td>
</tr>
</TABLE>
</BODY>
</HTML>

produces no errors upon validation but still draws ugly in IE 5.
 
No, this isn't about DTD. Without it IE6 goes quirks mode like IE5.

height:100% probably. Use TABLE border="1" to check that.
 
I agree with vongrunt. height of 100% is not valid. To give an HTML element 100% of the height of the window, you'll need to use some JavaScript along with CSS.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top