View Full Version : Need help with a spacing problem when floating an object

Scotty Pills
01-04-2008, 08:13 PM
Hopefully someone knows an easy way to fix this problem. I am floating a table to the right of the first line of my content which is located within a <td> but it is indenting the first line of my text right after the floated object. Ive noticed that indentation goes away when i remove my ,margin from the floated object, but obviously i need the padding. Anyone know a solution? the html code and css are below. Thanks !

<td align="left" valign="top" class="content"><table width="160" border="0" cellpadding="0" cellspacing="0" class="floatRight">
<td width="10" height="10" valign="top"><img src="images/topLeft.png" width="15" height="15" /></td>
<td height="10" valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
<td width="10" height="10" valign="top"><img src="images/topRight.png" width="15" height="15" /></td>
<td background="images/roundedBoxBg.png" bgcolor="#dff0ff"></td>
<td valign="top" background="images/roundedBoxBG.png" bgcolor="#cdcdcd" class="roundedCornerBoxContent">&ldquo;Quality is
not expensive &ndash; it&rsquo;s priceless.&rdquo;</td>
<td background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
<td valign="top"><img src="images/bottomLeft.png" width="15" height="15" /></td>
<td valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
<td valign="top"><img src="images/bottomRight.png" width="15" height="15" /></td>
At Broad River Paint &amp; Body, our goal is to ***** This is the line that indents ***** return your vehicle to pre-accident condition as quickly as possible. You get <span class="highlight">proven results</span> (<a href="photogallery.html">view examples of our work</a>) and the peace of mind of a <span class="highlight">job done right the first time</span>.<br />
<br />
We are conveniently located off of Greystone Blvd. and provide 24/7 towing service.<br />
<br />
<span class="contentHeader">Here&rsquo;s what you can count on from Broad River Paint &amp; Body: </span>
<li>Your vehicle restored to pre-accident condition</li>
<li>Your vehicle repaired without delay</li>
<li>Straight-forward communication throughout the repair</li>
<li>The latest equipment and technical training</li>
<li>Coordination with your insurance company at all times</li>
<li>Lifetime warranties on all repairs</li>
<li>ASE certified technicians and I-CAR training</li>
<li> A clean and well lit facility</li>
<li> Assistance in getting a rental vehicle</li>
<li>Minimal out-of-pocket expense </li>
Learn about the <a href="repairprocess.html">repair process</a>. <br />
See before &amp; after <a href="photogallery.html">photos of our work</a>.</td>

.floatRight {

float: right;
margin: 0em 0em 1em 1em;

01-04-2008, 08:28 PM
Hey Scotty,

I took the code and css and put it in an html file and I cannot reproduce. Can you put in the entire html file? Or give us a link to the site where it is not working (if possible)?

Scotty Pills
01-04-2008, 10:52 PM
oh sorry, that was just bits and pieces. The file is here:


It is going to look fine if you use FF. But the indentation shows up in IE.

01-05-2008, 03:08 PM
It actually looks good in IE7 for me. Are you using IE6?

Scotty Pills
01-07-2008, 04:55 PM
yeah the work pc we use to check our sites is using IE6. Any idea why it would do this in IE6 (and below i assume)?

01-07-2008, 05:04 PM
try this:

<p style="text-indent:0px;">Content</p>

i havent tried it, but it couldnt hurt!!