Renée Hellenbrecht wrote:
> Georg very nicely helped me fix the issues I was having with the bars
> displaying on the top of this page. However, I haven't been able to
> quite mimic the results for the bars on the bottom. Being a CSS
> newbie, I can't quite make out how to fix this. I suspect it has
> something to do with the top bars involving three elements within a
> single div and the bottom involving three elements in two separate
> divs (which I would prefer not to combine): #footer #footer_church and
> #footer #footer_swedenborg.
[...]
> The HTML: <http://neptune.he.net/~swdnbrg/cow/re/template.html>
> The CSS involved: <http://neptune.he.net/~swdnbrg/cow/re/global00.css>
>
> --
> --Renée Hellenbrecht
One word Renee....... hasLayout [1]. Your page look fine in IE8 since this
browser doesn't use hasLayout for layout. For IE7 or IE6 the problem is this.
#footer #footer_church {
float: left; /* hasLayout trigger */
}
This causes the bottom margin on the paragraph within with the text "The
Swedenborgian Church of North America" to disappear [2]. Paste this into your
style sheet and test.
*+html/*/* /**/ #footer #footer_church p { /* target IE7 and filter IE8 */
margin-bottom: 20px;
}
* html #footer #footer_church p { /* hack for IE6 */
margin-bottom: 20px;
}
Welcome to the world of Internet Explorer. :-)
[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
[2] <http://css-class.com/test/css/box/margins/iehaslayoutmarginswithfloats.htm>
Alan
http://css-class.com/test/bugs/ie/ie-bugs.htm
______________________________________________________________________
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/
