Re: [css-d] Container shifts, one page to another

2011-10-26 Thread David Hucklesby 

On 10/25/11 7:48 PM, Philippe Wittenbergh wrote:


On Oct 26, 2011, at 7:52 AM, David Laakso wrote:


2/
html { min-height: 100%; margin-bottom: 1px; }


Just fwiw, that won't work on IE 6, poor thing doesn't know quad about 
'min-height'.



FWIW: I don't think IE 6 needs this...
--
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] Container shifts, one page to another

2011-10-26 Thread John 

On Oct 26, 2011, at 9:48 AM, David Hucklesby wrote:

 On 10/25/11 7:48 PM, Philippe Wittenbergh wrote:
 
 On Oct 26, 2011, at 7:52 AM, David Laakso wrote:
 
 2/
 html { min-height: 100%; margin-bottom: 1px; }
 
 Just fwiw, that won't work on IE 6, poor thing doesn't know quad about 
 'min-height'.
 
 
 FWIW: I don't think IE 6 needs this...


Good to know; as I test the two pages with the above fix added to their style 
sheets, I don't see any ill effects in WIN IE6...should I be on guard for any, 
or is it simply an issue of this fix having no effect whatsoever in IE 6 for 
Windows?

thank you!

John
__
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] Container shifts, one page to another

2011-10-25 Thread John 
On Oct 24, 2011, at 4:47 PM, Tom Livingston wrote:
 HTML{overflow-y: scroll;} is another option
 On Oct 24, 2011, at 3:52 PM, David Laakso wrote:
 See short page shift---
 http://www.communitymx.com/content/article.cfm?cid=528a0
 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }
 ~d

Testing on the windows browsers I have (IE6, FF7 Opera 11.51) 

HTML{overflow-y: scroll;}   works, but  html { min-height: 100%; margin-bottom: 
1px; } appears not to work.

Do I need to investigate this further or is it a case of sometimes one fix 
works while another doesn't?

thank you, John
__
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] Container shifts, one page to another

2011-10-25 Thread David Laakso 

On 10/25/11 5:29 PM, John wrote:


Testing on the windows browsers I have (IE6, FF7 Opera 11.51)

HTML{overflow-y: scroll;}   works, but  html { min-height: 100%; margin-bottom: 
1px; } appears not to work.

Do I need to investigate this further or is it a case of sometimes one fix 
works while another doesn't?

thank you, John



The page will look different depending on whether you use 1/ or 2/. 
Both force a scroll bar [no more page shift regardless  of what one you 
use].


1/ Will cause the current CSS validator to throw an error-- no big deal, 
imo.


2/ Will pass CSS validation.

Name of the game: Pick your poison [and go on to other things].

1/
html { overflow-y: scroll; }

or
2/
html { min-height: 100%; margin-bottom: 1px; }

Best,
U2


--
Desktop. Laptop. Tablet. Mobile!
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] Container shifts, one page to another

2011-10-25 Thread Philippe Wittenbergh 

On Oct 26, 2011, at 7:52 AM, David Laakso wrote:

 2/
 html { min-height: 100%; margin-bottom: 1px; }

Just fwiw, that won't work on IE 6, poor thing doesn't know quad about 
'min-height'.

Philippe
--
Philippe Wittenbergh
http://l-c-n.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/

[css-d] Container shifts, one page to another

2011-10-24 Thread John 
http://coffeeonmars.com/testing/index.html
http://coffeeonmars.com/testing/WPR_Wire.html


When I load the two links above and go from one tab to the other, I see the 
content area shift to the left (going from the index page to the wpr_wire page)

the only browswer that doesn't do this is Win IE 6, but Win FF 7 does, Win 
Opera 11.51 does , as do Mac Safari 5, FF 6 and Opera 11.50

can anyone see why this shift happens? my hunch is that it has to do with the 
image on the second page, though I'm pretty sure its well within the bounds of 
the area it's sitting in.

thank you in advance,

John
__
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] Container shifts, one page to another

2011-10-24 Thread Peter H. 
 El 25/10/2011, a las 00:11, John escribió:
 
 http://coffeeonmars.com/testing/index.html
 http://coffeeonmars.com/testing/WPR_Wire.html
 
 
 When I load the two links above and go from one tab to the other, I see the 
 content area shift to the left (going from the index page to the wpr_wire 
 page)
 
 the only browswer that doesn't do this is Win IE 6, but Win FF 7 does, Win 
 Opera 11.51 does , as do Mac Safari 5, FF 6 and Opera 11.50
 
 can anyone see why this shift happens? my hunch is that it has to do with the 
 image on the second page, though I'm pretty sure its well within the bounds 
 of the area it's sitting in.
 

Could it be just that the 2nd page draws a scroll bar, which causes everything 
to shift to the left ?

Hth, best regards, Peter H.
__
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] Container shifts, one page to another

2011-10-24 Thread David Laakso 

On 10/24/11 6:11 PM, John wrote:

http://coffeeonmars.com/testing/index.html
http://coffeeonmars.com/testing/WPR_Wire.html


When I load the two links above and go from one tab to the other, I see the 
content area shift to the left (going from the index page to the wpr_wire page)

John




See short page shift---
http://www.communitymx.com/content/article.cfm?cid=528a0
One fix is to force a scrollbar
html { min-height: 100%; margin-bottom: 1px; }
~d

--
Desktop. Laptop. Tablet. Mobile!
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] Container shifts, one page to another

2011-10-24 Thread John 

On Oct 24, 2011, at 3:52 PM, David Laakso wrote:

 See short page shift---
 http://www.communitymx.com/content/article.cfm?cid=528a0
 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }
 ~d

FINALLY! A dumb problem I didn't cause!

this was sorta cool while reading the article you linked, David, I was able to 
prove the short page phenomenon by simply making the browser window taller on 
the offending page then tabbing back and forth between the two...page shift 
gone...

thank you,

John
__
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] Container shifts, one page to another

2011-10-24 Thread John 

On Oct 24, 2011, at 3:52 PM, David Laakso wrote:

 See short page shift---
 http://www.communitymx.com/content/article.cfm?cid=528a0
 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }
 ~d


OK..for my page, inserting margin-bottom: 1px resulted in about a 10-pixel gap 
between the top of my container and the top of the browser window, so I 
ammended the code to:

margin: 0 0 1px 0;  which appeared to fix that problem. 

Was this the right way to deal with that gap cause by using just margin-bottom: 
1px; ?


John
__
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] Container shifts, one page to another

2011-10-24 Thread Tom Livingston 
HTML{overflow-y: scroll;} is another option

Sent from iOS 5

On Oct 24, 2011, at 7:38 PM, John j...@coffeeonmars.com wrote:

 
 On Oct 24, 2011, at 3:52 PM, David Laakso wrote:
 
 See short page shift---
 http://www.communitymx.com/content/article.cfm?cid=528a0
 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }
 ~d
 
 
 OK..for my page, inserting margin-bottom: 1px resulted in about a 10-pixel 
 gap between the top of my container and the top of the browser window, so I 
 ammended the code to:
 
 margin: 0 0 1px 0;  which appeared to fix that problem. 
 
 Was this the right way to deal with that gap cause by using just 
 margin-bottom: 1px; ?
 
 
 John
 __
 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] Container shifts, one page to another

2011-10-24 Thread John 
On Oct 24, 2011, at 4:38 PM, John wrote:
 On Oct 24, 2011, at 3:52 PM, David Laakso wrote:
 See short page shift---
 http://www.communitymx.com/content/article.cfm?cid=528a0
 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }
 ~d
 
 OK..for my page, inserting margin-bottom: 1px resulted in about a 10-pixel 
 gap between the top of my container and the top of the browser window, so I 
 ammended the code to:  margin: 0 0 1px 0;  which appeared to fix that 
 problem. Was this the right way to deal with that gap cause by using just 
 margin-bottom: 1px; ?John


With the new code bit in place, it doesn't seem to be forcing a scrollbar in 
the page that doesn't need it (so that page shift doesn't happen). I can easily 
open the browser so that the first page has no scrollbar, the second does.

thanks!

J
__
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] Container shifts, one page to another

2011-10-24 Thread John 

On Oct 24, 2011, at 4:47 PM, Tom Livingston wrote:

 HTML{overflow-y: scroll;} is another option
 
 Sent from iOS 5


that does work...thank you, Tom.


John
__
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] Container shifts, one page to another

2011-10-24 Thread John 

On Oct 24, 2011, at 3:52 PM, David Laakso wrote:

 One fix is to force a scrollbar
 html { min-height: 100%; margin-bottom: 1px; }


OK..got this one to work, too...I put the code in the wrong spot.

thank you!

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