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;} ?
--
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/
