NCPP / ClimateTranslator

2 stars 1 forks source link

ensure footer is at the same location on all pages #118

Closed murphysj closed 10 years ago

murphysj commented 10 years ago

WHO: Sylvia

The footer on the landing page rides up to be just below any text on the page.

We need some sort of div, with a minimum height to keep it pressed down.

murphysj commented 10 years ago

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;
margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else
LucaCinquini commented 10 years ago

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy notifications@github.com<mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

— Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156.

murphysj commented 10 years ago

Hi Luca, We'll, that is somewhat true. What we really need is the footer to be much lower on the landing page than it is. On the pages where the CT shows up this happens automatically because of the size of "box" it sits in.

The best way to ensure the footer on the landing page lives at the same height as the other pages is to put everything...meaning every page within the same div with a min-height attribute.

We really don't wan't the footer to be at a different height on the landing page than the others. You'll see it go up and down.

On Thu, Mar 20, 2014 at 8:48 AM, Luca Cinquini notifications@github.comwrote:

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy <notifications@github.com mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156>.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175533 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.gov Phone: 303-497-7753

LucaCinquini commented 10 years ago

Ok I see the point. I have used a main div with minimum height of 450, it works well. Thanks for the tip. L

On Mar 20, 2014, at 8:54 AM, Sylvia Murphy wrote:

Hi Luca, We'll, that is somewhat true. What we really need is the footer to be much lower on the landing page than it is. On the pages where the CT shows up this happens automatically because of the size of "box" it sits in.

The best way to ensure the footer on the landing page lives at the same height as the other pages is to put everything...meaning every page within the same div with a min-height attribute.

We really don't wan't the footer to be at a different height on the landing page than the others. You'll see it go up and down.

On Thu, Mar 20, 2014 at 8:48 AM, Luca Cinquini notifications@github.com<mailto:notifications@github.com>wrote:

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy notifications@github.com<mailto:notifications@github.com mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156>.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175533 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov Phone: 303-497-7753

— Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38176440.

murphysj commented 10 years ago

The height of the may window...in the workflow section is 737. I think your min-height so be at least that.

On Thu, Mar 20, 2014 at 9:46 AM, Luca Cinquini notifications@github.comwrote:

Ok I see the point. I have used a main div with minimum height of 450, it works well. Thanks for the tip. L

On Mar 20, 2014, at 8:54 AM, Sylvia Murphy wrote:

Hi Luca, We'll, that is somewhat true. What we really need is the footer to be much lower on the landing page than it is. On the pages where the CT shows up this happens automatically because of the size of "box" it sits in.

The best way to ensure the footer on the landing page lives at the same height as the other pages is to put everything...meaning every page within the same div with a min-height attribute.

We really don't wan't the footer to be at a different height on the landing page than the others. You'll see it go up and down.

On Thu, Mar 20, 2014 at 8:48 AM, Luca Cinquini <notifications@github.com mailto:notifications@github.com>wrote:

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy <notifications@github.com mailto:notifications@github.com mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

Reply to this email directly or view it on GitHub<

https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156>.

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175533>

.


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov Phone: 303-497-7753

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38176440>.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38183473 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.gov Phone: 303-497-7753

LucaCinquini commented 10 years ago

I think it would be too empty for those pages where there is little content. L

On Mar 20, 2014, at 9:53 AM, Sylvia Murphy notifications@github.com<mailto:notifications@github.com> wrote:

The height of the may window...in the workflow section is 737. I think your min-height so be at least that.

On Thu, Mar 20, 2014 at 9:46 AM, Luca Cinquini notifications@github.com<mailto:notifications@github.com>wrote:

Ok I see the point. I have used a main div with minimum height of 450, it works well. Thanks for the tip. L

On Mar 20, 2014, at 8:54 AM, Sylvia Murphy wrote:

Hi Luca, We'll, that is somewhat true. What we really need is the footer to be much lower on the landing page than it is. On the pages where the CT shows up this happens automatically because of the size of "box" it sits in.

The best way to ensure the footer on the landing page lives at the same height as the other pages is to put everything...meaning every page within the same div with a min-height attribute.

We really don't wan't the footer to be at a different height on the landing page than the others. You'll see it go up and down.

On Thu, Mar 20, 2014 at 8:48 AM, Luca Cinquini notifications@github.com<mailto:notifications@github.com mailto:notifications@github.com>wrote:

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy notifications@github.com<mailto:notifications@github.com mailto:notifications@github.com mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

Reply to this email directly or view it on GitHub<

https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156>.

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175533>

.


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov Phone: 303-497-7753

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38176440>.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38183473 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov Phone: 303-497-7753

— Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38184348.

murphysj commented 10 years ago

that is an issue for sure. it looks funky to me to have the footer too high up though. People think it is part of the main content. Lets see what others think. Now that you have it in there, changing the number should be easy.

On Thu, Mar 20, 2014 at 9:55 AM, Luca Cinquini notifications@github.comwrote:

I think it would be too empty for those pages where there is little content. L

On Mar 20, 2014, at 9:53 AM, Sylvia Murphy <notifications@github.com mailto:notifications@github.com> wrote:

The height of the may window...in the workflow section is 737. I think your min-height so be at least that.

On Thu, Mar 20, 2014 at 9:46 AM, Luca Cinquini <notifications@github.com mailto:notifications@github.com>wrote:

Ok I see the point. I have used a main div with minimum height of 450, it works well. Thanks for the tip. L

On Mar 20, 2014, at 8:54 AM, Sylvia Murphy wrote:

Hi Luca, We'll, that is somewhat true. What we really need is the footer to be much lower on the landing page than it is. On the pages where the CT shows up this happens automatically because of the size of "box" it sits in.

The best way to ensure the footer on the landing page lives at the same height as the other pages is to put everything...meaning every page within the same div with a min-height attribute.

We really don't wan't the footer to be at a different height on the landing page than the others. You'll see it go up and down.

On Thu, Mar 20, 2014 at 8:48 AM, Luca Cinquini <notifications@github.com mailto:notifications@github.com mailto:notifications@github.com>wrote:

Hi Sylvia, thanks, I had kind of misunderstood the question, I thought we had to always have the footer position in the same place irrespective of the above content. Just inserting a blank space on one page is easy, I have done so already. You can check it out on the RC.

thanks, Luca

On Mar 20, 2014, at 8:45 AM, Sylvia Murphy <notifications@github.com mailto:notifications@github.com mailto:notifications@github.com mailto:notifications@github.com> wrote:

This is the div we have on the esmf website that sets the size of the website:

/* this main div is used on pages that do not include a left nav bar */ div.main{ margin-left: 0px; margin-top: 5px;

margin-right: 20px; width: 800px; min-height: 450px; }

This would be useful for CT. Everything else goes in this. e.g.

everything else

Reply to this email directly or view it on GitHub<

https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175156>.

Reply to this email directly or view it on GitHub<

https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38175533>

.


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov<mailto: sylvia.murphy@noaa.gov> Phone: 303-497-7753

Reply to this email directly or view it on GitHub<

https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38176440>.

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38183473>

.


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.govmailto:sylvia.murphy@noaa.gov Phone: 303-497-7753

Reply to this email directly or view it on GitHub< https://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38184348>.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38184623 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.gov Phone: 303-497-7753

LucaCinquini commented 10 years ago

I increased the min-height of the main part of the window (i.e. except the header and footer) to 700px, I wouldn't go any further.

murphysj commented 10 years ago

Let me know when you redeploy and I'll let joe know.

On Fri, Mar 21, 2014 at 10:18 AM, Luca Cinquini notifications@github.comwrote:

I increased the min-height of the main part of the window (i.e. except the header and footer) to 700px, I wouldn't go any further.

Reply to this email directly or view it on GitHubhttps://github.com/NCPP/ClimateTranslator/issues/118#issuecomment-38293191 .


Sylvia Murphy NESII/CIRES/NOAA Earth System Research Laboratory 325 Broadway, Boulder CO 80305 Time Zone: U.S. Mountain Web: http://www.esrl.noaa.gov/nesii/ Email: sylvia.murphy@noaa.gov Phone: 303-497-7753

murphysj commented 10 years ago

verified on the 3/24/14 ncpp tech call