Mystery border around table

Question

As the title says, I have this small border around the entire table. I've just copied it from J2Ski to use on my website so it's not my own work.

I know this has most definitely been answered before but I can't figure out where to place the style in it and I'm not too sure what to place in there anyway.

<table style="border:none;">
<tbody>
<tr><td>
<iframe height="112" src="http://www.j2ski.com/snow_forecast/France/Tignes_mini.html"
width="340"></iframe>
</td></tr>

</tbody>
</table>

JSFiddle: http://jsfiddle.net/NGn9Y/

score 5 · Accepted Answer · edited May 23 '17 at 12:11

5

That's iframe border and not the table border, so use frameBorder="0" for your iframe element.

Demo

Note: IE requires capital B for frameBorder so make sure you don't write ~~frameborder="0"~~

Also, there is no harm in writing the below snippet in your CSS as @BeNdErR suggested, but that fails in older versions of IE, so also declare the attribute along with the below snippet in your CSS

iframe {
   border: 0;
}

edited May 23 '17 at 12:11

Community

1
1

answered Dec 20 '13 at 11:13

Mr. Alien

153,751
34
298
278

IE actually never required `frameBorder` with a capital B. I don't know where that story came from. It was always case insensitive! Only the corresponding JavaScript property has a capital B. – Mr Lister Dec 12 '19 at 13:02

score 1 · Answer 2 · edited May 23 '17 at 12:11

1

that is the iframe border

CSS

iframe{
    border: none;
}

also, have a look at this other question about iframe border

edited May 23 '17 at 12:11

Community

1
1

answered Dec 20 '13 at 11:14

BeNdErR

17,471
21
72
103

2

This will fail in older versions of IE if am not mistaken – Mr. Alien Dec 20 '13 at 11:15
I think you're right, updated with a link on a specific discussion. – BeNdErR Dec 20 '13 at 11:18

Mystery border around table

2 Answers2