Posted by Els on 07/29/06 11:52

Chris wrote:

> "Els" <els.aNOSPAM@tiscali.nl> wrote in message
> news:1ilci57b8t3cl$.8rggh8oby8cz$.dlg@40tude.net...
>> Chris wrote:
>>
>>> I am trying to create a footer effect beneath a div. The main div puts a
>>> space before it shows the footer div, is there any way around this. I
>>> have
>>> posted a link.
>>>
>>> http://aspspider.org/chriskennedy10/test.html
>>
>> The space is the bottom margin of the paragraph in the content.
>> This margin is collapsing with the 0 bottom margin of the div. To
>> avoid this collapse, you can give the div a bottom border (but you
>> don't want a border there), or a bottom padding. Either will keep the
>> margins of the contained elements inside.

> I'm not sure what you mean. I have tried setting the margins to 0 px and it
> doesn't do anything.

The bottom margin of the paragraph? That does help.

> Could you show me an example.

Your own page is the best example. Changing the bottom margin on the
paragraph to 0 *will* eliminate the space, but I think you don't want
the text to be so close to the footer, so you better leave the
paragraph's margin alone, and solve it by setting a bottom *padding*
on the div#maincenter. 1px is enough, as it's only to keep the
paragraph and its margins inside the box.

If any of that is not working, show how it's not working in your
online page, and I'll have another look to see what went wrong.


--
Els http://locusmeus.com/

[Back to original message]