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. -- 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/
