margin control within a cell

liunx

Guest
Hi,

I would like to control the margin within a cell, but I can't get it to work.

This is what I got so far:

HTML:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="content"></td>
</tr>
</table>


CSS:

.content
{
margin-top : 16px;
margin-bottom : 16px;
margin-left : 0px;
margin-right : 0px;
}


This doen't do the trick. Who's got the answer :confused:

Cheers,
Pieterthe quickest solution is to simply put a <div> tag inside the cell. Setting the margin style of something is outside of that element (which for a table row doesn't really work) so you will need a container within that cell to put the margins onto

try

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><div class="content">some content</div></td>
</tr>
</table>yep, that did the trick!

thanks a million..

Cheers,
Pieter
 
Back
Top