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/
