Re: [css-d] help with positioning text in bottom right corner of content area
Hello, I made the parent (div id=Content_box style=position:relative;. But this had the unintended consequences of messing up the rendering of the drop down menus that display over the page content. You can see it here: http://sbctc.edu/college/test.aspx From: Kevin A. Cameron [mailto:kevinacame...@gmail.com] Sent: Friday, October 21, 2011 2:29 PM To: Angela French Cc: css-d (css-d@lists.css-discuss.org) Subject: Re: [css-d] help with positioning text in bottom right corner of content area Try making the parent element position relative, and the AF element position absolute, bottom:0, left:0. Kevin On Fri, Oct 21, 2011 at 2:15 PM, Angela French afre...@sbctc.edumailto:afre...@sbctc.edu wrote: I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: p style=position:relative;bottom:0;left:100%;AF/p. This does move it to the right, but not to the bottom of my page content area. I can't determine what is keeping it from sitting on the bottom. Any advice appreciated. Here is my test page: http://sbctc.edu/college/test.aspx Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316tel:360-704-4316 afre...@sbctc.edumailto:afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.orgmailto:css-d@lists.css-discuss.org] 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.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] 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-d] help with positioning text in bottom right corner of content area
I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: p style=position:relative;bottom:0;left:100%;AF/p. This does move it to the right, but not to the bottom of my page content area. I can't determine what is keeping it from sitting on the bottom. Any advice appreciated. Here is my test page: http://sbctc.edu/college/test.aspx Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.org] 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] help with positioning text in bottom right corner of content area
Try making the parent element position relative, and the AF element position absolute, bottom:0, left:0. Kevin On Fri, Oct 21, 2011 at 2:15 PM, Angela French afre...@sbctc.edu wrote: I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: p style=position:relative;bottom:0;left:100%;AF/p. This does move it to the right, but not to the bottom of my page content area. I can't determine what is keeping it from sitting on the bottom. Any advice appreciated. Here is my test page: http://sbctc.edu/college/test.aspx Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.org] 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 [css-d@lists.css-discuss.org] 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] help with positioning text in bottom right corner of content area
Oops, left:0 should be right:0. Kevin On Fri, Oct 21, 2011 at 2:29 PM, Kevin A. Cameron kevinacame...@gmail.comwrote: Try making the parent element position relative, and the AF element position absolute, bottom:0, left:0. Kevin On Fri, Oct 21, 2011 at 2:15 PM, Angela French afre...@sbctc.edu wrote: I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: p style=position:relative;bottom:0;left:100%;AF/p. This does move it to the right, but not to the bottom of my page content area. I can't determine what is keeping it from sitting on the bottom. Any advice appreciated. Here is my test page: http://sbctc.edu/college/test.aspx Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.org] 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 [css-d@lists.css-discuss.org] 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] help with positioning text in bottom right corner of content area
On 10/21/11 5:15 PM, Angela French wrote: I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: http://sbctc.edu/college/test.aspx Angela French Tweak... div id=Content_box style=position: relative;border:1px dashed red; p style=position: absolute; bottom: 0; left: 95%; color: red;AF/p ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] 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] help with positioning text in bottom right corner of content area
I did try putting the p inside a div that I positioned relative with the p positioned absolutely. But I suppose what I need to do is set the content container to relative. But I didn't write the layout CSS (happened before I got here) and there is something funky about the nested divs used to arrive at the content area. I'm a little hesitant to mess with them. Any other possibilities? From: Kevin A. Cameron [mailto:kevinacame...@gmail.com] Sent: Friday, October 21, 2011 2:29 PM To: Angela French Cc: css-d (css-d@lists.css-discuss.org) Subject: Re: [css-d] help with positioning text in bottom right corner of content area Try making the parent element position relative, and the AF element position absolute, bottom:0, left:0. Kevin On Fri, Oct 21, 2011 at 2:15 PM, Angela French afre...@sbctc.edumailto:afre...@sbctc.edu wrote: I need to position a very small text item in the bottom right hand corner of my content area. I've tried positioning it relative with bottom:0 and right:0, but that didn't work. So then I just positioned it like so: p style=position:relative;bottom:0;left:100%;AF/p. This does move it to the right, but not to the bottom of my page content area. I can't determine what is keeping it from sitting on the bottom. Any advice appreciated. Here is my test page: http://sbctc.edu/college/test.aspx Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316tel:360-704-4316 afre...@sbctc.edumailto:afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.orgmailto:css-d@lists.css-discuss.org] 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.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] 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/
