IE applying table padding-top on all sides

[Stretchwickster]

Hi there,

What I am trying to do is add some space above a table (i.e. move the table down by about 10px or so). In an attempt to achieve this I have tried:

<table border="0" cellspacing="0" cellpadding="0" style="padding: 10px 0 0 0">

and

<table border="0" cellspacing="0" cellpadding="0" style="padding-top: 10px">

In FF everything behaves as I would expect it to. IE, however adds 10px on each side of the table even though I only asked for the top to have padding applied. I've also tried substituting padding for margin but to no avail.

What am I doing wrong here?

Any advice would be much appreciated!

Clive

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"To err is human, but to really foul things up you need a computer." (Paul Ehrlich)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
To get the best answers from this forum see: faq102-5096

 

[Vragabond]

Can you provide an example or even better an url to the page? I tried putting a table with [tt]margin-top: 10px;[/tt] and it worked as expected in FF and IE.

 

[cLFlaVA]

quite possible it's not your table, but the surrounding elements, that have different default styles applied to them in different browsers...



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[Stretchwickster]

Sorry to waste your time guys. I've now solved it by wrapping the table in a div and applying a "margin-top: 10px" to the div instead of the table. Not sure what was going on there!

Before posting here, I should have tried reproducing it in isolation. When I did that, as Vragabond did, I couldn't reproduce the problem!

Clive

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"To err is human, but to really foul things up you need a computer." (Paul Ehrlich)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
To get the best answers from this forum see: faq102-5096