# Table in a div, can't kill weird spacing?

**URL:** <https://forum.kirupa.com/t/table-in-a-div-cant-kill-weird-spacing/314504>\
**Category:** web dev\
**Created:** [September 30, 2010, 12:49pm UTC](https://forum.kirupa.com/t/table-in-a-div-cant-kill-weird-spacing/314504 "2010-09-30T12:49:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![theSchtickler](https://avatars.discourse-cdn.com/v4/letter/t/ba9def/32.png) [@theSchtickler](https://forum.kirupa.com/u/theSchtickler)\
**Post date:** [September 30, 2010, 12:49pm UTC](https://forum.kirupa.com/t/table-in-a-div-cant-kill-weird-spacing/314504/1 "2010-09-30T12:49:57Z")

</div>

Hey there,

Anyone know how to tackle this one? When I place the table inside the div, there is a few pixel gap on the left side of the table I cant seem to kill. Is this a bug?

```auto
<html>
<head>
<style type="text/css">

body {
	background-color: #FFF;
}
#holder{
	width:170px;
	height:170px;
	background-color:#F00;
}

</style>
</head>

<body>

<div id="holder">
<div style="width:100%">

<table width="100%" height="100%">
<tr>
<td valign="middle" align="center"><img src="http://www.dougitdesign.com/images/theblog_170px_wide.jpg" /></td>
</tr>
</table>

</div>
</div>

</body>
</html>

```
