Why is there a space between the iframe and table? Options

[Deltaeagle]

http://jk.benburns.org/testing/

After doing web design many years ago, I'm at it once again (and doing terribly. I can't even make a page to list my portfolio apparently).

My question is why is the iframe not fitting snugly against the table, after you mouseover where directed? Sorry about the sloppy code, wrote it quickly in notepad and without a stylesheet.

Also any tips are much appreciated.

edit:

Just wanted to add that this doesn't show up when I view it locally, offline.

This post has been edited by Deltaeagle: Aug 12 2010, 01:22 PM

[Darin McGrew]

Inspecting the elements with Chrome, it looks like the tr element is 155px high (even though you specified height="150"), the td element is 153px high with 1px padding at the top and bottom, and the iframe element is 150px high, and the html element of the framed document is 8px high. Is that what you mean by "the iframe not fitting snugly against the table"?

[Deltaeagle]

Inspecting the elements with Chrome, it looks like the tr element is 155px high (even though you specified height="150"), the td element is 153px high with 1px padding at the top and bottom, and the iframe element is 150px high, and the html element of the framed document is 8px high. Is that what you mean by "the iframe not fitting snugly against the table"?

Yes exactly. How would I go about getting it to fit correctly?

[jolly_nikki]

Replace

CODE

<tr height="150">
<td><iframe src="index2.html" frameBorder="0" style="height:150px; width:550px;" name="iframeportfolio"><a href="index2.html">Your browser does not support iframes</a></iframe></td>
</tr>

with

CODE

<td style = "margin: 0px; padding: 0px" >
<iframe src="index2.html" frameBorder="0" style="height:100%; width:550px;margin: -5px -8px -5px 0px; " name="iframeportfolio"><a href="index2.html">Your browser does not support iframes</a></iframe></td>

[Deltaeagle]

worked! Thank you so much.