Beth Lee wrote:
> This test site page is here: http://www.callibeth.com/dev2/index.htm
> and the css is here: http://www.callibeth.com/dev2/css/main.css
>
> In FF2, I'd like a little more room above the text in the quote div, but if
> I add even 1px of top padding, the quote div height expands from 47px to
> 58px, and space appears below the quote div. Something to do with #quote and
> p #indexintroquote, but in spite of looking around the Internet for possible
> answers, I'm clueless.
>
[Many other questions trimmed]
> Beth Lee
With regard only to the quote issue:
There is (I think) a "collapsing margin" [1] issue at work as well-- it
is easier to see in Opera/9.02. You may do better by deleting the
height. Adding a 1px padding-bottom for the margin problem. And zeroing
out the padding, and margin on the font (except for the padding-top). A
ie height correction hack is for ver 6 and down:
div#quote {
/*min-height: 47px; */ <<<delete
padding-bottom: 1px; << add for margin-collapsing*/
}
#indexintroquote {
margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 0;
<<< add these
}
hack for ie/6.0 and down
* html div#quote {
height: 0;
}
[1] <http://www.w3.org/TR/CSS21/box.html#collapsing-margins>
HTH (and that it works :-) )
Best,
~dL
PS I think you need a more suitable doctype.
--
http://chelseacreekstudio.com/
______________________________________________________________________
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/
