English
Română
Hide table border in Firefox
css
on March 14, 2008
I have made abuse of tables on one recent project and the problem that toke me some time to figure it out was how to hide the top table border that still appeared in Firefox even that the table had border="0" attribute or border: 0; in CSS.
Anyway, to solve this problem i added this line in the css file:
table {
border-collapse: separate;
}
This is a reminder to myself.. so i won't waste time next time searching for clues on how to handle table borders in Firefox.
Hi,
I had the same problem here.
Now, it's solved!
Thank you very much.
You are more than welcome, I'm glad I was able to help.
Many thanks for taking the time to volunteer this info. I've been trying to make the unwanted top border disappear for 2 hours, and you've solved it for me. You are a gentleman and a scholar.
but it won't work in IE7...
kj, thanks for your kind words :) I am glad it helped.
For IE7 i think it's enough to add something like "border:0px none;"
table {
border: 0px none;
border-collapse: separate;
}
same problem here...thanks for the help..
god bless
kai here :)
Hi,
I am using following code and its still showing internal table border (NO OUTER TABLE BORDER IS VISIBLE):
.bodyRepeaterRowStyle{
background-color: #EFEFEF;
border: 0px none;
border-collapse: separate;
font: 11px Tahoma bold;
color: #000000;
height: 32px;
padding: 5px;
}
Thanks in Advance...
Charandeep
I know this post is veeeery old now, but I've been searching for this info for two days now (yeah...days) so I thought I would thank you :-)
Post new comment