Re: [css-d] Sidebar issues
Hi Jim - Thanks for the information. I had a feeling that it had to do with the positions, but wasn't quite sure why. I originally was using a float for this (which is what I usually use), but for some reason wasn't 100% successful with it. However, the link you gave me below does exactly what I need, so I should be able to get it to work. I do appreciate the references and will take a look at them!! Todd -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jim Davis Sent: Wednesday, December 12, 2007 7:42 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Sidebar issues Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css. http://www.jimdavis.org/test/floaters.html www.positioniseverything.net has good info about bugs and hacks for using floats with IE6. Also check out the List wiki/FAQ -- http://css-discuss.incutio.com/ for more info and ideas. Jim On Dec 12, 2007 1:34 PM, Todd Richards [EMAIL PROTECTED] wrote: Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd __ 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/ __ 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] Sidebar issues
You don't have to float both of the elements if you don't want too. There is another way. An alternative approach would be to switch the source order of #main and #side (put #side first in source order) and float:right #side and you're done. On Dec 12, 2007 10:19 PM, Todd Richards [EMAIL PROTECTED] wrote: Hi Jim - Thanks for the information. I had a feeling that it had to do with the positions, but wasn't quite sure why. I originally was using a float for this (which is what I usually use), but for some reason wasn't 100% successful with it. However, the link you gave me below does exactly what I need, so I should be able to get it to work. I do appreciate the references and will take a look at them!! Todd -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jim Davis Sent: Wednesday, December 12, 2007 7:42 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Sidebar issues Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css. http://www.jimdavis.org/test/floaters.html www.positioniseverything.net has good info about bugs and hacks for using floats with IE6. Also check out the List wiki/FAQ -- http://css-discuss.incutio.com/ for more info and ideas. Jim On Dec 12, 2007 1:34 PM, Todd Richards [EMAIL PROTECTED] wrote: Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd __ 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/ __ 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/ __ 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] Sidebar issues
Thanks Joshua. I see what you're saying, and in this case I did opt for floating both elements. However, I will keep this for future use! Todd -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joshua Kappers Sent: Thursday, December 13, 2007 10:26 AM To: [EMAIL PROTECTED] Cc: Jim Davis; css-d@lists.css-discuss.org Subject: Re: [css-d] Sidebar issues You don't have to float both of the elements if you don't want too. There is another way. An alternative approach would be to switch the source order of #main and #side (put #side first in source order) and float:right #side and you're done. On Dec 12, 2007 10:19 PM, Todd Richards [EMAIL PROTECTED] wrote: Hi Jim - Thanks for the information. I had a feeling that it had to do with the positions, but wasn't quite sure why. I originally was using a float for this (which is what I usually use), but for some reason wasn't 100% successful with it. However, the link you gave me below does exactly what I need, so I should be able to get it to work. I do appreciate the references and will take a look at them!! Todd -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jim Davis Sent: Wednesday, December 12, 2007 7:42 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Sidebar issues Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css. http://www.jimdavis.org/test/floaters.html www.positioniseverything.net has good info about bugs and hacks for using floats with IE6. Also check out the List wiki/FAQ -- http://css-discuss.incutio.com/ for more info and ideas. Jim On Dec 12, 2007 1:34 PM, Todd Richards [EMAIL PROTECTED] wrote: Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd __ 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/ __ 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/ __ 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/ __ 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] Sidebar issues
Todd, The problem is using position: absolute for the column on the right. See http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning for more info. Both of the elements inside the wrapper should be floated. Take a look at this demo and view the source to see the css. http://www.jimdavis.org/test/floaters.html www.positioniseverything.net has good info about bugs and hacks for using floats with IE6. Also check out the List wiki/FAQ -- http://css-discuss.incutio.com/ for more info and ideas. Jim On Dec 12, 2007 1:34 PM, Todd Richards [EMAIL PROTECTED] wrote: Hello - Regardless of the struggles I have had with CSS, I still find myself trying more and more. In all actuality, I probably won't build a site with tables again! However, with that said I'm having another issue that I can't seem to figure out and I'm hoping the experts here might give it a look. It might be the answer is right in front of me but I've been looking at it too long. I'm working on a new site and have a right-hand sidebar for misc content. The problem I have is that if the main content window is not full of content (or more content than the sidebar), the sidebar flows down the page, over the footer, etc. Besides looking awful, it's not acceptable! It happens in Firefox, IE, etc. The development site is at: http://obb.danstuenzi.com. I have included the CSS below if anyone has any thoughts on this. Thanks! Todd __ 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/