table is hidden, but borders still show up (rendering bug)

J

Jumpfroggy

Has anyone seen this problem? The following should create a table that
is initially hidden (will use javascript later to show). However, the
table and it's contents are hidden, but the cell borders are still
showing...
<style>
table {
visibility:hidden;
border-collapse:collapse;
/* border:1px solid green; */
}
table td {
border:1px solid black;
}
</style>

<table>
<tr>
<td>
hey hey
</td>
</tr>
</table>

If I make it NOT border-collapse, then it's ok. Or if I give the table
itself an outer border (the commented out line) then it's ok again.
But without either of those things, the cell borders show up. Anyone
seen this? Anyone know if it's been fixed in any other versions of IE?
Doesn't happen in mozilla.

Internet Explorer v6.0.2800.1106.xpsp2.050301-1526
with SP1

I initially was posting to find a workaround, but I discovered the
above mentioned fixes while posting this.
 
R

Rob Parsons

Check that you are not using a User Stylesheet - Internet Options, General
tab, Accessibility button. Uncheck "User Stylesheet".

Tip: Forget about document styling. Let the user decide on the client side
how they want to see a web document. Use plain HTML tags with no font or
styling embellisments. That way you don't have to worry about writing code
to use different styling attributes for different browser platforms.

Oh, also there is a table property border=0 that you need to include with
the border-collapse:collapse style attribute.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top