IE6 margin difficulties

Question

Hi experts,
I'm using CSS.
I have a table cell with an id name, containing copy. In
Firefox, the space between the top of the page and the header (the
first bit of text) is fine. In IE6, there is no space at all. To
fix it, I tried adding a top margin of 10px. Now it looks ok in
IE6, but is too big in all other browsers I've tested.
Can anyone give me the trick for getting it to be right in
all browsers? I imagine a special CSS statement directed at IE6 and
ignored by other browsers, or a couple of statements that
compensate, or override, depending on the browser.
Any quick hints out there? I'm working against a deadline, so
prompt replies are very much appreciated in advance.
Richard

Answer 1

If you give a margin value for an element and things don't
look the same
across different browsers, there are two common reasons:
1. There is a default padding on the element (or the
cellpadding attribute
of the table is used).
2. The margin and/or padding is actually on an adjacent
element (common with
heading tags, which have default bottom margins, and
<p> tags).
"RTalbott" <[email protected]> wrote in
message
news:e90t7g$db9$[email protected]..
> Hi experts,
>
> I'm using CSS.
>
> I have a table cell with an id name, containing copy. In
Firefox, the
> space
> between the top of the page and the header (the first
bit of text) is
> fine. In
> IE6, there is no space at all. To fix it, I tried adding
a top margin of
> 10px.
> Now it looks ok in IE6, but is too big in all other
browsers I've tested.
>
> Can anyone give me the trick for getting it to be right
in all browsers?
> I
> imagine a special CSS statement directed at IE6 and
ignored by other
> browsers,
> or a couple of statements that compensate, or override,
depending on the
> browser.
>
> Any quick hints out there? I'm working against a
deadline, so prompt
> replies
> are very much appreciated in advance.
>
> Richard
>