Re: [css-d] question on space at bottom of page

2011-07-22 Thread Markus Ernst 

Am 21.07.2011 15:44 schrieb Alan Gresley:

Out of curiously, can you please tell me what the following CSS is for.

/* To prevent jumping */
html {
min-height: 100%;
margin-bottom: 1px;
}


I have seen this before as a recommendation how to force a scrollbar, in 
order to prevent centered contents from moving 8 pixels horizontally 
when navigating between pages with and without scrollbars.

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

Re: [css-d] question on space at bottom of page

2011-07-22 Thread David Hucklesby 

On 7/22/11 4:48 AM, Markus Ernst wrote:

Am 21.07.2011 15:44 schrieb Alan Gresley:

Out of curiously, can you please tell me what the following CSS is for.

/* To prevent jumping */
html {
min-height: 100%;
margin-bottom: 1px;
}


I have seen this before as a recommendation how to force a scrollbar, in
order to prevent centered contents from moving 8 pixels horizontally
when navigating between pages with and without scrollbars.


Yup. This works, too:

html {
overflow-y : scroll;
}
--
Cordially,
David
__
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/

Re: [css-d] question on space at bottom of page

2011-07-22 Thread Gail Issen 
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby
Sent: Friday, July 22, 2011 3:38 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] question on space at bottom of page

On 7/22/11 4:48 AM, Markus Ernst wrote:
 Am 21.07.2011 15:44 schrieb Alan Gresley:
 Out of curiously, can you please tell me what the following CSS is for.

 /* To prevent jumping */
 html {
 min-height: 100%;
 margin-bottom: 1px;
 }

 I have seen this before as a recommendation how to force a scrollbar, 
 in order to prevent centered contents from moving 8 pixels 
 horizontally when navigating between pages with and without scrollbars.

Yup. This works, too:

html {
overflow-y : scroll;
}
--
Cordially,
David

While David's solution does work, it causes a validation error. So, I've
been using the following code:
html {
height: 100.2%;
}

Gail
__
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/


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

Re: [css-d] question on space at bottom of page

2011-07-22 Thread G.Sørtun 

On 23.07.2011 00:28, Gail Issen wrote:

 html { overflow-y : scroll; }


 While David's solution does work, it causes a validation error.


Wrong. It validates as CSS 3 - not CSS 2.1.

Georg


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

Re: [css-d] question on space at bottom of page

2011-07-22 Thread Gail Issen 
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of G.Sørtun
Sent: Friday, July 22, 2011 5:54 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] question on space at bottom of page

On 23.07.2011 00:28, Gail Issen wrote:
  html { overflow-y : scroll; }
 

  While David's solution does work, it causes a validation error.

Wrong. It validates as CSS 3 - not CSS 2.1.

 Georg

Can you direct me to a site where I can check for CSS3 validation?

Thanks,

Gail
__
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/


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

Re: [css-d] question on space at bottom of page

2011-07-22 Thread Micky Hulse 
On Fri, Jul 22, 2011 at 4:03 PM, Gail Issen gis...@sbcglobal.net wrote:
 Can you direct me to a site where I can check for CSS3 validation?

http://jigsaw.w3.org/css-validator/

Check under More Options. :)
__
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/

Re: [css-d] question on space at bottom of page

2011-07-22 Thread G.Sørtun 

On 23.07.2011 01:03, Gail Issen wrote:

Can you direct me to a site where I can check for CSS3 validation?


http://jigsaw.w3.org/css-validator/

Select More Options  Profile : CSS level 3.

Georg



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

Re: [css-d] question on space at bottom of page

2011-07-21 Thread Alan Gresley 

On 21/07/2011 8:04 AM, Debbie Campbell wrote:


On 7/20/2011 1:35 PM, Maujor (via-gmail) wrote:

In this page:

http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/



There's a large image background to footer-container (not yet
completed). There's a small space of about 9px tall below the bottom
of footer-container at the very bottom of the browser window, I'm not
sure where that's coming from. Can someone help?



I changed it, it didn't make a difference...

--
Debbie



Please can you comment inline and not top post.

To begin with, please insert this style.

div#footer-container {
  background-color: green;
}

This will give a background to the troublesome element. Now add this.

#footer-container {
  overflow: hidden;
}


I presume this is is what you are after. Now delete the above overflow: 
hidden; Another way to get the correct layout is this to remove the top 
offset from p.copyright which is relatively positioned.


.copyright {
  position: relative;
/*top: 10px; DELETE */
  margin: 0 ;
  padding: 10px 0 20px; /* Add padding-top to create space between 
copyright text and div#footer box */

  font-size: 13px;
  text-align: center;
  color: #dbdbdb;
}


You are having these troubles since you are using position:relative to 
much without realizing the consequences or behavior that results in 
overusing position:relative along with overusing divs. This causes 
code bloat in both the HTML and CSS and this in turn makes it harder for 
you (and others on this list) to understand what is happening. I have a 
motto which is *less is better*. If I was to attempt to recode the 
current HTML and CSS, I would begin by removing position:relative from 
all elements.



Out of curiously, can you please tell me what the following CSS is for.

/* To prevent jumping */
html {
  min-height: 100%;
  margin-bottom: 1px;
}



--
Alan Gresley
http://css-3d.org/
http://css-class.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/

Re: [css-d] question on space at bottom of page

2011-07-21 Thread Debbie Campbell 
Thanks Alan, I did remove nearly all the position: relatives except 
where needed for z-index or a positioned element inside a container. 
Thank you for the fix for the footer-container element as well.


--
Debbie
__
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/

[css-d] question on space at bottom of page

2011-07-20 Thread Debbie Campbell 

In this page:


http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/


There's a large image background to footer-container (not yet 
completed). There's a small space of about 9px tall below the bottom of 
footer-container at the very bottom of the browser window, I'm not sure 
where that's coming from. Can someone help?


--
Debbie Campbell
www.redkitecreative.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/

Re: [css-d] question on space at bottom of page

2011-07-20 Thread David Laakso 

On 7/20/11 12:46 PM, Debbie Campbell wrote:

In this page:

http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/ 



There's a large image background to footer-container (not yet 
completed). There's a small space of about 9px tall below the bottom 
of footer-container at the very bottom of the browser window, I'm not 
sure where that's coming from. Can someone help?






OS/browser?
Not sure what you mean...
.copyright {
padding-bottom: 20px; /* - :: is this the culprit? ::--*/
}

~d

--
http://chelseacreekstudio.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/

Re: [css-d] question on space at bottom of page

2011-07-20 Thread Maujor (via-gmail) 

In this page:

http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/


There's a large image background to footer-container (not yet completed). 
There's a small space of about 9px tall below the bottom of 
footer-container at the very bottom of the browser window, I'm not sure 
where that's coming from. Can someone help?


It seems a collapsing margin issue.
Try
.copyright { margin: 0; ... } 



--
I am using the free version of SPAMfighter.
We are a community of 7 million users fighting spam.
SPAMfighter has removed 3335 of my spam emails to date.
Get the free SPAMfighter here: http://www.spamfighter.com/len

The Professional version does not have this message


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

Re: [css-d] question on space at bottom of page

2011-07-20 Thread David Hucklesby 

On 7/20/11 10:39 AM, David Laakso wrote:

On 7/20/11 12:46 PM, Debbie Campbell wrote:

In this page:


http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/




There's a large image background to footer-container (not yet
completed). There's a small space of about 9px tall below the
bottom of footer-container at the very bottom of the browser
window, I'm not sure where that's coming from. Can someone help?





OS/browser? Not sure what you mean... .copyright { padding-bottom:
20px; /* - :: is this the culprit? ::--*/ }

~d



I think David L is close - that p.copyright is positioned relatively
with a top of 10px. Result - it overflows the body element, causing
your gap.

--
Cordially,
David

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

Re: [css-d] question on space at bottom of page

2011-07-20 Thread Debbie Campbell 

I changed it, it didn't make a difference...

--
Debbie


On 7/20/2011 1:35 PM, Maujor (via-gmail) wrote:

In this page:

http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/



There's a large image background to footer-container (not yet
completed). There's a small space of about 9px tall below the bottom
of footer-container at the very bottom of the browser window, I'm not
sure where that's coming from. Can someone help?


It seems a collapsing margin issue.
Try
.copyright { margin: 0; ... }

--
I am using the free version of SPAMfighter.
We are a community of 7 million users fighting spam.
SPAMfighter has removed 3335 of my spam emails to date.
Get the free SPAMfighter here: http://www.spamfighter.com/len

The Professional version does not have this message




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

Re: [css-d] question on space at bottom of page

2011-07-20 Thread David Laakso 

On 7/20/11 6:04 PM, Debbie Campbell wrote:

I changed it, it didn't make a difference...

--
Debbie


http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/ 







.copyright {
padding: 0 0 20px;/*- :: delete and/or tweak::---*/
}

Btw, top-posting screws up the archives [among other things].





--
http://chelseacreekstudio.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/