Re: [css-d] How to make one DIV appear at the bottom of another?
Erik Harris wrote: http://www.vantagehoa.org/wordpress/regional-info/ 1 - How do I get the footer DIV to the bottom of the body DIV? 2 - How do I vertically center the content in the footer DIV? This is probably the simplest way to solve both problems... http://www.gunlaug.no/tos/alien/eh/test_08_0502.html http://www.gunlaug.no/tos/alien/eh/test_08_0502_files/style000.css ...but vertical centering will not survive well if that layout is stressed to any degree, so I've limited it to what looks good under close to default conditions. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
Erik Harris wrote: http://www.gunlaug.no/tos/moa_8d.html Interesting. This one doesn't work at all in IE6 (at least not in IE6-Standalone), despite supposedly being a way to make fixed positioning work in IE6. Then Holly Bergevin wrote: Just for the record, in a native installation of IE6, the above example works fine. A bit late on this one, but it works fine in my IE6 Standalone on XP Pro (using multipleIE while running a full install of IE7). FWIW, I've always found you can rely on the information Georg provides to be accurate and well tested. That isn't to say he can't be wrong from time to time, as we are all only human. Mark __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
On 5/1/2008 8:40 PM, Mark Henderson wrote: Erik Harris wrote: http://www.gunlaug.no/tos/moa_8d.html Interesting. This one doesn't work at all in IE6 (at least not in IE6-Standalone), despite supposedly being a way to make fixed positioning work in IE6. Then Holly Bergevin wrote: Just for the record, in a native installation of IE6, the above example works fine. A bit late on this one, but it works fine in my IE6 Standalone on XP Pro (using multipleIE while running a full install of IE7). I don't know what the issue is, then. I don't have JavaScript disabled in IE6, as one respondent suggested. I've got an IE6 Standalone installation (not multipleIE, but one in an archive labeled ie6eolas_nt) and IE7 installed normally. The URL above displays correctly in IE7 and FF3b5, but not in my copy of IE6 Standalone. Regardless, the other example did work in all three, but it's not what I primarily want to do. When I get some time (this weekend), I'm going to try it with an extra layer of nested DIV elements, and if that fails, I'll go ahead with a fixed footer. If I do, I'd rather go with the CSS-only implementation, as in the other example, as opposed to using JavaScript. -- Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
I hadn't seen this suggested, but is there any reason you couldn't do something like this? #sidebar { float: left; } #footer { clear: left; } __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
From: Erik Harris [EMAIL PROTECTED] http://www.gunlaug.no/tos/moa_8d.html Interesting. This one doesn't work at all in IE6 (at least not in IE6-Standalone), despite supposedly being a way to make fixed positioning work in IE6. Enable javascript. -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
Erik Harris wrote: I'm setting up a small site with WordPress, and am having trouble getting my footer to the bottom of its containing DIV. http://www.vantagehoa.org/wordpress/regional-info/ 1 - How do I get the footer DIV to the bottom of the body DIV? 2 - How do I vertically center the content in the footer DIV? (currently one span and one DIV, but I've tried two DIVs as well) FWIW, I'm testing primarily in Firefox 3.0B5, but will also test in IE 7 and IE6 once everything is looking good in FF (all on WinXP). Fixed position is not the easiest thing to pull off in IE/6 as it is not supported. Good idea to code to FF and Opera. Better idea to code to FF and Opera with /very frequent checks/ back to IE/7 *and* IE/6. These are two methods for bringing IE/6 on board. http://limpid.nl/lab/css/fixed/left-sidebar-and-footer http://www.gunlaug.no/tos/moa_8d.html -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
On 4/29/2008 5:26 PM, David Laakso wrote: Erik Harris wrote: I'm setting up a small site with WordPress, and am having trouble getting my footer to the bottom of its containing DIV. http://www.vantagehoa.org/wordpress/regional-info/ 1 - How do I get the footer DIV to the bottom of the body DIV? 2 - How do I vertically center the content in the footer DIV? (currently one span and one DIV, but I've tried two DIVs as well) Fixed position is not the easiest thing to pull off in IE/6 as it is not supported. Good idea to code to FF and Opera. Better idea to code to FF and Opera with /very frequent checks/ back to IE/7 *and* IE/6. These are two methods for bringing IE/6 on board. I suppose I could do that, but I'm not looking to fix the footer at the bottom of the viewport - I want to fix it at the bottom of its containing DIV (div.body, which I suppose should technically be changed to div#body), which has a min-height of 95%. In other words, for short pages, I want the footer at the bottom of the screen, and for long pages, I want it below the content, not visible from the top of the page. If what I want isn't possible (though I'm sure it should be), I'll look at implementing one of these fixed footer tricks. http://www.gunlaug.no/tos/moa_8d.html Interesting. This one doesn't work at all in IE6 (at least not in IE6-Standalone), despite supposedly being a way to make fixed positioning work in IE6. The other one does work in IE6, though. -- Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com __ 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/
Re: [css-d] How to make one DIV appear at the bottom of another?
From: Erik Harris [EMAIL PROTECTED] http://www.gunlaug.no/tos/moa_8d.html Interesting. This one doesn't work at all in IE6 (at least not in IE6-Standalone), despite supposedly being a way to make fixed positioning work in IE6. Just for the record, in a native installation of IE6, the above example works fine. ~holly __ 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/