Posted by Mike Barnard on 03/04/07 19:39

On Sun, 4 Mar 2007 17:15:52 +0000, Toby A Inkster
<usenet200702@tobyinkster.co.uk> wrote:

http://www.thunderin.co.uk/shaun/index.html

>Firstly, please remove this from them top of your CSS file:

> <style type="text/css">

>and this from the end:

> </style>

>They should not be there. It is not an HTML file so should not contain
>HTML.

Doh, left from a cut'n paste from another file of mine. Double Doh...


>Try removing the margins on your paragraphs:
>
> P { margin: 0; }
>
>Does that fix things?

Aha, you mean add that to the source, don't ya.

<time passes...>

>If it does,

Hey, it does. With this in the code (it's not been put in the
published version btw) the footer sits snugly in both browsers.

>then your problem seems to be an IE bug to do with incorrectly
>collapsing margins.

Now, I *have* read about this one, if it's the one. From memory, in
IE if two blocks have margins that touch each other then the smallest
margin will be removed leaving only the biggest. i.e. block 1 has a
margin of 30px all round and block 2 below it has a margin of 20 px.
The expectation would normally be two pieces of content seperated by
50px of margin, but IE removes the 20px and leaves a 30px margin only.

I think.

How would that cause my problem? In my code in IE the gap is BIGGER
than expected. If a margin had collapsed there would be a smaller
gap, no? Is there another IE margin bug of have I misunderstood it?
It looks as if IE has forced one of the elements to have a margin I
haven't declared until it's explicitly removed.

I'll google later and experiment, but thanks for the tip.

> It can be fixed by setting a 1px top border on your
>footer and/or a 1px bottom border on your main content column.

I see; this seperates the two margins so the above doesn't happen.

> Of course,
>the borders can be the same colour as the background colour, so your
>visitors don't have to see them!

Thanks. Help is apprecieated, especially on a sunday. My Mrs is fed
up with me being up here not downstairs. :-)

[Back to original message]