Re: OT: css, dhtml question
On Tuesday 25 Mar 2003 15:15 pm, Jason Miller wrote: through css isn't there a getElementByID(YourScrollName.height) or something similiar? obj= getElementByID(YourScrollName); iHeight=obj.height; -- Tom C Land of the free, home of the brave... you have to be brave to live there and enjoy the freedoms ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Try this technique: http://scott.sauyet.name/CSS/Demo/FooterDemo1.html I have tried it and it works very well, but you have to be careful that you get the styles right. ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Oh, Another thing: frames might be an alternative. ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: css, dhtml question
through css isn't there a getElementByID(YourScrollName.height) or something similiar? I remember bookmarking this page for a great reference to a clip height problem - worth a glance. http://www.experts-exchange.com/Web/Web_Languages/CSS/Q_20548842.html also - that site has quite a bit of good resources. I would personally spend days on another solution trying to avoid frames. jay miller Buckland, Ramon wrote: Barney, I worked on a web application once that worked (and looked) almost identical to what you have there. We used DHTML (DynAPI a JS Library) and it gave height's etc of the DIV's after content had been set.. thus being able to put footers at the bottom. my point, yes it can be done, if DynAPI had the numbers available to see then the browser has them.. take a look in the DynAPI library and see how they did it. specifically the setHTML() function somewher (been about 2 years sorry) -Original Message- From: Barney Boisvert [mailto:[EMAIL PROTECTED] Sent: Tuesday, 25 March 2003 6:11 AM To: CF-Talk Subject: RE: OT: css, dhtml question Perhaps a better explaination is in order. The app is internal for an IE5.5+ only audience. It's quite visually complex, and I'm trying to keep the number of page loads down as the presentation changes as much as possible. I have a base page set up like this: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. I might well be pursueing a pipe-dream, in which case I'll find another way, but it seems like this should be possible. thanks, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:53 AM To: CF-Talk Subject: Re: OT: css, dhtml question Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http
RE: OT: css, dhtml question
Much thanks to the various responses to my footer question. I think I've found my solution at with this demo: http://scott.sauyet.name/CSS/Demo/FooterDemo1.html cheers, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Hugo Ahlenius [mailto:[EMAIL PROTECTED] Sent: Tuesday, March 25, 2003 12:04 AM To: CF-Talk Subject: RE: OT: css, dhtml question Try this technique: http://scott.sauyet.name/CSS/Demo/FooterDemo1.html I have tried it and it works very well, but you have to be careful that you get the styles right. ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: css, dhtml question
since i don't have to much time - I glanced at browser view only - no source - And you have text all collapsing on each other - most often that is the result of a display property. display: none display: block display: inline etc OR position:asbolute vs position:relative. It looks as if you need a display:block so the elements on the right don't overlap the space set aside for the elements on the left. Also - if your not using float: left - the items from right can overlap left. Also - it is possible you need clear:right - depending on how you have your div's and such set up. Or - if your using some positioning attributes in . style properties which really should be # class . It looks like it may even be a combination of each of those. I recommend going to alistapart.com - reading some of their 2 column tutorials. hope that helps jay miller Mark A. Kruger - CFG wrote: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Thanks Jay - it's not my code (I'm not a CSS guy at all) - but the author greatly appreciates your insight. -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 12:06 PM To: CF-Talk Subject: Re: OT: css, dhtml question since i don't have to much time - I glanced at browser view only - no source - And you have text all collapsing on each other - most often that is the result of a display property. display: none display: block display: inline etc OR position:asbolute vs position:relative. It looks as if you need a display:block so the elements on the right don't overlap the space set aside for the elements on the left. Also - if your not using float: left - the items from right can overlap left. Also - it is possible you need clear:right - depending on how you have your div's and such set up. Or - if your using some positioning attributes in . style properties which really should be # class . It looks like it may even be a combination of each of those. I recommend going to alistapart.com - reading some of their 2 column tutorials. hope that helps jay miller Mark A. Kruger - CFG wrote: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Your ad could be here. Monies from ads go to support these lists and provide more resources for the community. http://www.fusionauthority.com/ads.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: css, dhtml question
Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Barney... just a suggestion... check out these CSS lists: http://four.pairlist.net/mailman/listinfo/css-foundations http://www.css-discuss.org/mailman/listinfo/css-d -Original Message- From: Barney Boisvert [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 1:34 PM To: CF-Talk Subject: RE: OT: css, dhtml question Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Perhaps a better explaination is in order. The app is internal for an IE5.5+ only audience. It's quite visually complex, and I'm trying to keep the number of page loads down as the presentation changes as much as possible. I have a base page set up like this: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. I might well be pursueing a pipe-dream, in which case I'll find another way, but it seems like this should be possible. thanks, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:53 AM To: CF-Talk Subject: Re: OT: css, dhtml question Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Structure your ColdFusion code with Fusebox. Get the official book at http://www.fusionauthority.com/bkinfo.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
-Original Message- From: Barney Boisvert [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 2:11 PM To: CF-Talk Subject: RE: OT: css, dhtml question Perhaps a better explaination is in order. The app is internal for an IE5.5+ only audience. It's quite visually complex, and I'm trying to keep the number of page loads down as the presentation changes as much as possible. I have a base page set up like this: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. perhaps you can run an onload event that looks at the hieghts and computes a new postion for this footer Doug I might well be pursueing a pipe-dream, in which case I'll find another way, but it seems like this should be possible. thanks, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:53 AM To: CF-Talk Subject: Re: OT: css, dhtml question Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: css, dhtml question
Barney Boisvert wrote: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. http://www.alistapart.com/stories/flexiblelayouts/ Jochem ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Your ad could be here. Monies from ads go to support these lists and provide more resources for the community. http://www.fusionauthority.com/ads.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: RE: OT: css, dhtml question
IE5+ has something called expressions that will do what you need. Go to MSDN Library - Web development - HTML and Dynamic HTML - SDK Documentation - About Dynamic Properties - Original Message - From: Barney Boisvert [EMAIL PROTECTED] Date: Monday, March 24, 2003 12:11 pm Subject: RE: OT: css, dhtml question Perhaps a better explaination is in order. The app is internal for an IE5.5+ only audience. It's quite visually complex, and I'm trying to keep the number of page loads down as the presentation changes as much as possible. I have a base page set up like this: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. I might well be pursueing a pipe-dream, in which case I'll find another way, but it seems like this should be possible. thanks, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:53 AM To: CF-Talk Subject: Re: OT: css, dhtml question Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: css, dhtml question
Barney, I worked on a web application once that worked (and looked) almost identical to what you have there. We used DHTML (DynAPI a JS Library) and it gave height's etc of the DIV's after content had been set.. thus being able to put footers at the bottom. my point, yes it can be done, if DynAPI had the numbers available to see then the browser has them.. take a look in the DynAPI library and see how they did it. specifically the setHTML() function somewher (been about 2 years sorry) -Original Message- From: Barney Boisvert [mailto:[EMAIL PROTECTED] Sent: Tuesday, 25 March 2003 6:11 AM To: CF-Talk Subject: RE: OT: css, dhtml question Perhaps a better explaination is in order. The app is internal for an IE5.5+ only audience. It's quite visually complex, and I'm trying to keep the number of page loads down as the presentation changes as much as possible. I have a base page set up like this: +---+ | | +---+---+---+ | | | | | | | | | | | | | | | | | | | | +---+---+---+ | | +---+ The top 4 content areas all have variable content, while the footer is static. As well, the top 4 areas might not all be there, and they might be added or removed client-side. This is all working just dandy using absolute positioning and hiding stuff. However, I need to slap that footer bar at the bottom, and I need it to start below the other content areas (no overlap). I can't figure out a good way to do that, because I don't know how tall the middle 3 areas are (if they are present) until the client renders them. I might well be pursueing a pipe-dream, in which case I'll find another way, but it seems like this should be possible. thanks, barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: Jason Miller [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:53 AM To: CF-Talk Subject: Re: OT: css, dhtml question Personally - I handle footers in .cfm includes.. I find it much easier - and simply it includes it at the end of the code. So on shorter and longer pages it simply displays at end. If you needed to actually attach a footer to the bottom of the browser - something like div id=FooterAbs style=position: absolute; bottom: 0px; z-index: 300; would work. I added z-index more for demonstration - The issue is - that you can overalp content. Unlike using an include - that will put it at the bottom no matter what - you will need to scroll to get content beyone viewable screen -but footer will hang on to the bottom edge. Use it carefully because there are almost always some trouble spots. IF your footer can overlap content - not a biggie. In one case I used it - I assigned z-index of -100 ( which also has it's own bugs on browser versions) so on shorter page content the footer didn't interrupt. hope that helps jay miller Barney Boisvert wrote: Totally unrelated, but on the same topic. How might I go about putting a footer bar at the bottom of my page using CSS, rather than a table. I've had no problems with topbars, sidebars (either side) and the main content pane(s), but I can't get stuff to sit at the bottom of the page correctly. I tried 'bottom' (complementing top) but it seems to be tied to the browser's size, not the page's size, which doesn't work if the page scrolls, at least on IE6. Use JS to set it dynamically? footerbar.style.top = Math.max(menubar.style.height, contentpane.style.height) + topbar.style.height; that seems like a horrible way to do it to me. barneyb --- Barney Boisvert, Senior Development Engineer AudienceCentral (formerly PIER System, Inc.) [EMAIL PROTECTED] voice : 360.671.8708 x12 fax : 360.647.5351 www.audiencecentral.com -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED] Sent: Monday, March 24, 2003 10:18 AM To: CF-Talk Subject: Re: OT: css, dhtml question may want to give the div class=sidebar a width... it might defined in the 'sidebar' class in the .css...i was too lazy to look :) charlie Mark A. Kruger - CFG writes: Can someone give me the quick and dirty answer on why this page doesn't render correctly in IE? http://www.thelifegate.net/Pages/ClassReg.asp thanks! -mk ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all
