[css-d] Body background image align to bottom: Firefox
Hi,
Just wondering if this is the /best fix/ to make an image align to the
bottom left of the BODY background for Firefox:
html {
min-height: 100%;
height: auto;
}
body {
url(/le/images/template/bkgrnd-grfk.jpg) no-repeat bottom left;
}
Hehe, it has been a while since I have had to put a background image in
the body aligned to the bottom... did not know this was the typical
behavior (i.e. having to specify a height for the HTML element.)
Just wondering if there is a better solution, particularly one that
works well in all browsers.
Many thanks in advance,
Cheers,
Micky
--
Wishlist: http://snipurl.com/vrs9
Switch: http://browsehappy.com/
My: http://del.icio.us/mhulse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] Body background image align to bottom: Firefox
Micky Hulse wrote:
Hi,
Just wondering if this is the /best fix/ to make an image align to the
bottom left of the BODY background for Firefox:
html {
min-height: 100%;
height: auto;
}
body {
url(/le/images/template/bkgrnd-grfk.jpg) no-repeat bottom left;
}
Hehe, it has been a while since I have had to put a background image in
the body aligned to the bottom... did not know this was the typical
behavior (i.e. having to specify a height for the HTML element.)
Just wondering if there is a better solution, particularly one that
works well in all browsers.
What don't you like about this solution that you are trying to fix? What
browsers or content situations doesn't it work with? Do you have a test
page?
Generally, there is no best fix for things in CSS. There are multiple
ways to do things. If something works in your layout and target
browsers, and uses the leanest markup or CSS possible, go for it.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] Body background image align to bottom: Firefox
Hi Zoe, thanks for the quick response, much appreciated. Zoe M. Gillenwater wrote: What don't you like about this solution that you are trying to fix? What browsers or content situations doesn't it work with? Do you have a test page? I have yet to do a browser-cam capture... or I would share that. The test page is not really at a point where I can share... sorry. :( I could do a minimal test page, but I think you have already answered my question. :) Generally, there is no best fix for things in CSS. There are multiple ways to do things. If something works in your layout and target browsers, and uses the leanest markup or CSS possible, go for it. Sounds good to me. And yep, appears to work great in IE6 and Firefox. I guess I was just surprised to see the body tag shrink-wrapping to my content... I always thought it was more of an invisible element (like html element) - or, well, an element that did not behave like a container div... Anyway, thanks for the feedback, I really appreciate your time. :) Cheers, Micky -- Wishlist: http://snipurl.com/vrs9 Switch: http://browsehappy.com/ My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Body background image align to bottom: Firefox
Micky Hulse wrote: Generally, there is no best fix for things in CSS. There are multiple ways to do things. If something works in your layout and target browsers, and uses the leanest markup or CSS possible, go for it. Sounds good to me. And yep, appears to work great in IE6 and Firefox. I guess I was just surprised to see the body tag shrink-wrapping to my content... I always thought it was more of an invisible element (like html element) - or, well, an element that did not behave like a container div... Anyway, thanks for the feedback, I really appreciate your time. :) If you want to get even more confused, you should experiment with the differences of the body element between HTML and XHTML Strict. :-) The body element does not always take up the entire viewport, as you may expect it to do. Anyway, glad you found a solution that worked for you. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
