Lesley Binks wrote:
> Bill Brown wrote:
>> #text { /* the text content */
>> margin: 0;
>> padding:0;
>> padding-right: 190px;
>> padding-bottom: 1px; /* ADD THIS LINE */
>> }
> I already had a padding-bottom in there at 5px.
You sure did! But, er, that's not the rule I sent you. You're applying
padding to the P, whereas the rule I sent you applies it to the DIV,
which is what you need to prevent collapsing margins. You can, of
course, circumvent this by applying the padding to any of the DIVs which
contain only the Ps and not the footer image, but I tend to try and nip
CSS quirks as early/close in the source as I can. Applying padding like
you've done in the rule below won't cancel out collapsing margins.
> #text .with_ul { /* the underlined paragraphs */
> margin: 0;
> padding: 0;
> padding-bottom: 5px; /* <------- */
> margin-top: 3px;
> border-bottom: medium solid #ccc;
> }
>
> So I tried in a the other containers I have surrounding the text and
> helping manage the layout and hey presto :) It works :)
>
> Thank you so very much :)
I'm glad you found a solution that works for you.
--Bill
--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - "From dot concept to dot com since 1999"
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
