|
| |
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
 |
Thick rows in IE6 - 4/1/2003 12:20:42
I' m trying to use a tastefully thin (5 pixel) line to separate elements of a web site. I' ve read the FAQs and tutorials, and added a row with a background color, no height, and an embedded 5 pixel high clear gif. To wit:
<td width=" 640" bgcolor=" #000080" valign=" top" align=" left" colspan=" 3" >
<img border=" 0" src=" cleardot.gif" width=" 1" height=" 5" >
</td>
It looks just as I wanted in FP " preview" , Konqueror 3, and Opera 7. It looks almost right in Netscape 6. It looks lousy in IE 6 - the row appears to be about 25 pixels high.
I' ve set up a demo page at: http://www.covenantfrazer.org/linetest.htm
I' d love suggestions on how to make it look right in IE 6.
I ended up with unsightly vertical gaps between elements when I simply tried to place a graphic image as a separator - so this is as close as I' ve gotten to the desired effect.
Thank you!
|
|
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 13:52:13
The table doesn' t specify a height; it' s as tall as the rows stack up. Even with no specified row heights or table heights, I still get thick rows.
Note that I get a thick row even in the terribly simple one row table on the demo page.
| |
|
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 14:15:07
Simplifying it even more than the example in the original posting:
<html><head></head><body>
<table width=" 640" >
<tr>
<td bgcolor=" #000080" >
<img src=" cleardot.gif" width=" 1" height=" 5" >
</td>
</tr>
</table>
</html>
There really is nothing in the cell to thicken it. The same thing happens when I reduce the height on the gif to " 1" .
| |
|
|
|
Gil
Posts: 7533
From: North Carolina, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 14:21:22
Cleaning up the table code like so:
<table border=" 0" cellpadding=" 0" cellspacing=" 0" width=" 640" >
<tr>
<td bgcolor=" #000080" ><img border=" 0" src=" cleardot.gif" width=" 1" height=" 5" >
</td>
</tr>
</table>
and adding the missing </body> tag didn' t do it -
What is the size of cleardot.gif? is it 1 X 1 ? Is cleardot.gif in the same root directory? Are you sure it' s not in /images ?
< Message edited by Gil -- 4/1/2003 2:24 PM >
_____________________________
Gil Harvey, 1947-2004
| |
|
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 14:39:22
cleardot.gif is in the same root directory along with the other images for the site. MS Photo Editor reports that it is 1x1 - which is consistent with the appearance of the page in the browsers other than IE.
BTW, I don' t have access to earlier IE versions, so I have not tested with, say, IE 5.
Bit of a puzzle, isn' t it?
| |
|
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 15:02:17
... again, no dice, variously setting the height for the cell, row, and table, or all three.
BTW, I have had the cellpadding=" 0" in there all along, except when I took it (and the </body>, oops) out to set up the simplest test I could imagine.
Guess I' ll try the ol' MS knowledgebase for rendering bugs.
| |
|
|
|
SerenityNet
Posts: 1362
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 15:32:13
Oops! Ignore my last posts, that I deleted. I was looking at the wrong line of code. Duh!
< Message edited by SerenityNet -- 4/1/2003 3:36 PM >
_____________________________
</Chaos, panic, & disorder - my work here is done.>
| |
|
|
|
SerenityNet
Posts: 1362
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 15:41:23
Victory! I think.
Curious though. As soon as I moved all the table data to one row and without any spaces, it changed to 5 px high. (Still, I' m wondering if it has something to do with the browser font assumptions.)
<table border=" 0" cellpadding=" 0" cellspacing=" 0" width=" 640" >
<tr>
<td bgcolor=" #000080" valign=" top" align=" left" ><img border=" 0" src=" cleardot.gif" width=" 1" height=" 5" ></td>
</tr>
</table>
< Message edited by SerenityNet -- 4/1/2003 3:43 PM >
_____________________________
</Chaos, panic, & disorder - my work here is done.>
| |
|
|
|
fp_in_pa
Posts: 7
Joined: 4/1/2003
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 15:55:39
Superb!
Thank you. I would never, in a Million years, have thought to take that space out.
...and because that code is cleverly stashed in an include file, it' s even easy to fix.
| |
|
|
|
SerenityNet
Posts: 1362
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 16:31:37
I think we are fogetting fundamentals. Remember, the very first HTML standards were for browsers to recognize the first space character and ignore subsequent space characters. Therefore <td> </td> is the same as <td>& nbsp;</td> and IE is interpreting it correctly.
Anyway, I went to the Tools menu, Internet Options, Fonts. I changed the default font. As I changed it to a taller font, guess what, the pixel height of the line changed. Also, putting <font size=" 0" >& nbsp;</font> between the table data tags reduced the height of the row - just not all the way down to 5.
Also, to keep FP from automatically putting in & nbsp; where you don' t want them, put an image between the table data tags. I' ve done this a bunch and it works. For instance,
<td bgcolor=" #000080" valign=" top" align=" left" ><img border=" 0" src=" cleardot.gif" width=" 1" height=" 5" >
<img border=" 0" src=" cleardot.gif" width=" 1" height=" 1" >
</td>
And again, no space characters or the browser will see it and render it.
_____________________________
</Chaos, panic, & disorder - my work here is done.>
| |
|
|
|
SerenityNet
Posts: 1362
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 17:28:58
By the way Bobby, did you see this?
_____________________________
</Chaos, panic, & disorder - my work here is done.>
| |
|
|
|
Mike54
Posts: 4782
Joined: 3/26/2001
From: Way Up Over
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 18:23:28
quote:
Have you ever seen impatient sheep?
I thought all sheep were impatient? You know, " where' s the shepherd, where' s the shepherd? Isn' t that why they' re always hopping around and bleating as opposed to cows who just stand there chewing their cud?
| |
|
|
|
SerenityNet
Posts: 1362
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline
|
RE: Thick rows in IE6 - 4/1/2003 18:42:06
I suppose you' re right. Content = Cow
_____________________________
</Chaos, panic, & disorder - my work here is done.>
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
. Someone who knows what they' re doing would have to ' splain that.
