Joanne,
On Jun 8, 2007, at 7:56 AM, David Laakso wrote:
> Joanne wrote:
>> p {
>> font-size: 100%;
>> margin-top:0;margin-bottom:0; <<<--- kill the top and bottom margin
>> font-family: Verdana, Helvetica, Arial, sans-serif;}
>>
>> -----------
>>
>> Like the last suggestion, this is going to remove the margins from my
>> paragraphs. I don't want to remove the margins from my paragraphs.
>> I want to
>> remove the large white gap on the top & bottom of the #content
>> div. I still
>> need the paragraphs to look like paragraphs inside the #content
>> div. When I
>> have a <h1> as the first thing in my #content div, there's no gap
>> at the
>> top.
>>
>> Is there so simple solution to this? If not, I'll have to change
>> the layout
>> to suit.
>>
>> Joanne
>>
>
>
> There probably is a simple solution, and I am blocking on it. Perhaps
> someone else can assist.
You want to keep the paragraphs margins from escaping their container
div. To do that you must prevent them from 'touching' the div
margins. Interposing a tiny bit of padding (or border) can do that.
#content { padding-top: 1px; padding-bottom: 1px; }
Roger,
--
Roger Roelofs
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
