On 9/28/12 11:03 AM, "Tom Livingston" <tom...@gmail.com> wrote:
>On Fri, Sep 28, 2012 at 11:01 AM, Tom Livingston <tom...@gmail.com> wrote: >> On Fri, Sep 28, 2012 at 10:36 AM, Gates, Jeff <gat...@si.edu> wrote: >>> >>> >>> On 9/27/12 3:53 PM, "Tom Livingston" <tom...@gmail.com> wrote: >>> >>>>On Thu, Sep 27, 2012 at 3:45 PM, Gates, Jeff <gat...@si.edu> wrote: >>>>> >>>>> >>>>> On 9/27/12 3:05 PM, "Tom Livingston" <tom...@gmail.com> wrote: >>>>> >>>>>>On Thu, Sep 27, 2012 at 2:59 PM, Gates, Jeff <gat...@si.edu> wrote: >>>>>>> >>>>>>> >>>>>>> On 9/27/12 2:45 PM, "Tom Livingston" <tom...@gmail.com> wrote: >>>>>>> >>>>>>>>On Thu, Sep 27, 2012 at 2:37 PM, Gates, Jeff <gat...@si.edu> wrote: >>>>>>>>> >>>>>>>>> >>>>>>>>> On 9/27/12 2:09 PM, "Tom Livingston" <tom...@gmail.com> wrote: >>>>>>>>> >>>>>>>>>>I think #2 is related to #1... >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>>On Thu, Sep 27, 2012 at 2:04 PM, Gates, Jeff <gat...@si.edu> >>>>>>>>>>wrote: >>>>>>>>>>> I am creating a new footer for our organization's website. And >>>>>>>>>>>I >>>>>>>>>>>almost >>>>>>>>>>> have it but can't seem to fix a couple things. >>>>>>>>>>> >>>>>>>>>>> You can see the page in question here: >>>>>>>>>>> http://americanart.si.edu/collections/index_footer.cfm >>>>>>>>>>> >>>>>>>>>>> The issues are: >>>>>>>>>>> >>>>>>>>>>> 1. I can't seem to get rid of the white space under the brown >>>>>>>>>>>footer >>>>>>>>>>>(but >>>>>>>>>>> above the institutional and copyright links). The white is >>>>>>>>>>>part of >>>>>>>>>>>the >>>>>>>>>>> container CSS and I don't know what's making it appear there. >>>>>>>>>>> >>>>>>>>>>> 2. I'd like the image on the right to be flush with the top, >>>>>>>>>>>right, >>>>>>>>>>>and >>>>>>>>>>> bottom edges. The top is fine. But the right seems to be an >>>>>>>>>>>issue >>>>>>>>>>>with, >>>>>>>>>>>I >>>>>>>>>>> believe a margin or padding of the container style again. How >>>>>>>>>>>can >>>>>>>>>>>I >>>>>>>>>>> override that? The bottom is because of the the padding I put >>>>>>>>>>>on >>>>>>>>>>>the >>>>>>>>>>> .colmask style to extend the brown just a bit. >>>>>>>>>>> >>>>>>>>>>> The footer is basically three columns and the image is the last >>>>>>>>>>>column. >>>>>>>>>>> But within the 3 col div I can't get it to move to the right >>>>>>>>>>>nor >>>>>>>>>>>to >>>>>>>>>>>the >>>>>>>>>>> bottom. It's almost as if I need to take the image column out >>>>>>>>>>>of >>>>>>>>>>>the >>>>>>>>>>> footer container. >>>>>>>>>>> >>>>>>>>>>> Suggestions? >>>>>>>>>>> >>>>>>>>>>> Thanks! >>>>>>>>>>> >>>>>>>>>>> Jeff >>>>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> Tom, thanks for the pointer about #1. I fixed it. As for number >>>>>>>>>2, >>>>>>>>>fixing >>>>>>>>> number 1 didn't do anything for #2. >>>>>>>>> >>>>>>>>> Jeff >>>>>>>>> >>>>>>>> >>>>>>>>I'm still seeing the white under the brown footer in Chrome OSX >>>>>>>>22.x >>>>>>>> >>>>>>>>Did you post the change? >>>>>>> >>>>>>> >>>>>>> The changes should be visible now. >>>>>>> >>>>>> >>>>>>Looking good. You looking to get rid of the gap at the bottom? >>>>>>colmask >>>>>>has a padding bottom... >>>>> >>>>> >>>>> Yes, I am trying to get rid of the gap of brown just below the >>>>>image. I >>>>> put the padding there so that the text in the footer would have some >>>>>space >>>>> below it. If you can tell me how I can get that to work, that would >>>>>be >>>>> perfect. >>>>> >>>> >>>>Kind of a tough one. You have a fixed dimension element next to text. >>>>You could - obviously - reduce the text size (move your footer bottom >>>>padding to the col1 and col2 divs, just in case) or increase the image >>>>height. Obviously, there are gotchas with those. >>>> >>>>I guess another way to go is make the photo a BG image of col3 and >>>>play with the background-size property. THis would require col3 to be >>>>100% height of the footer, and still move the padding to inside col1 >>>>and col2. >>> >>> >>> Okay, I have everything working in this footer except for one thing. >>>And, >>> of course, it's an IE thing. The URL in question is >>> http://americanart.si.edu/collections/index_footer.cfm >>> >>> I want the image in the footer of this page to be flush top, flush >>>bottom, >>> and flush right. In order to do that I included it in the footer >>> background image. That did the job for Firefox, Safari but not IE 8 or >>>9. >>> Instead, it becomes the background image for the whole content area. If >>> you want to see how it should look, view it in one of those other >>> browsers. >>> >>> Can anyone tell me how to adjust the code so this doesn't happen in IE? >>> Thanks. >>> >>> Jeff >>> >>> >> >> Did you try .footer{clear: both;} ? >> >> -- > >My bad. IE's dev tools aren't that great.... nevermind. Actually, Tom, clear: both; worked! However, in IE the image is no longer flush to the top and, in fact, the text looks like it's sitting too close to the top. ______________________________________________________________________ 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/
