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. Can't play with it myself right now. HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
