Re: [css-d] interesting nav issue - please help :)

2010-06-03 Thread Alan Gresley
Can we please bottom post or comment inline (like below).


Theresa Mesa wrote:

 How is it inefficient to add html {height: 100.1%} to your CSS, which 
 immediately applies this to all pages without so much as a how-do-you-do 
 (since you are using an external style sheet)? To me, if you like the 
 aesthetics of not having the nav jump back and forth horizontally, it seems 
 like the *most* efficient way of doing it. Either the scrollbar is there, or 
 it's not. If you are centering your page, you are going to have the problem. 
 You don't notice the scroll bar over there on the side unless the height of 
 the content makes scrolling necessary. Otherwise, you don't pay attention to 
 it.


Very true. The problems with these two pages.

http://www.applegateelements.com/contact.shtml

http://www.applegateelements.com/agreement.shtml


is one, the very wide header image and two, the wish to have something 
centered. I would recommend to Matthew that he has the menu beginning 
from the left and remove all of this.

#menu, #menu a {
position:relative;
}
#menu {
border-bottom: 0;
float: left;
left:50%;
margin-bottom:-1px;
margin-top: 40px; /* added to push it well below the header */
padding-bottom: 0;
}
#menu a {
right:50%;
}
#menu a a {
right: 0;
}


 Now you could spend hours (since you are a professed n00b) trying to 
 absolutely position the nav


Theresa, wrong Matthew.


 Either that, or don't try to center the page in the browser window. Let it be 
 flush left. Then it's a non-issue.


Precisely. It is easy to center a navigation if there are only so many 
links.


 Theresa


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-03 Thread Thierry Koblentz
 How is it inefficient to add html {height: 100.1%} to your CSS, which
 immediately applies this to all pages without so much as a how-do-you-

I believe using overflow-y:scroll is a bit better as it does not create a 
scroll bar per se.
 
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-03 Thread Theresa Mesa
I'll have to try this...

On Jun 3, 2010, at 9:28 AM, Thierry Koblentz wrote:
 
 I believe using overflow-y:scroll is a bit better as it does not create a 
 scroll bar per se.
 

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-03 Thread Matthew P. Johnson


Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
 Please consider the environment before printing this email.


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thierry Koblentz
Sent: Thursday, June 03, 2010 9:28 AM
To: 'Theresa Mesa'; 'Matthew P. Johnson'
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)

 How is it inefficient to add html {height: 100.1%} to your CSS, which
 immediately applies this to all pages without so much as a how-do-you-

I believe using overflow-y:scroll is a bit better as it does not create a 
scroll bar per se.

Please let me rephrase. I have been sick this week so my head is a little 
fuzzy. 

I did not mean inefficient, I meant to say that it would be nice design wise to 
only have the scroll bar when needed but have the nav stay positioned. 

:)

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-03 Thread Matthew P. Johnson
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thierry Koblentz
Sent: Thursday, June 03, 2010 9:28 AM
To: 'Theresa Mesa'; 'Matthew P. Johnson'
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)

 How is it inefficient to add html {height: 100.1%} to your CSS, which
 immediately applies this to all pages without so much as a how-do-you-

I believe using overflow-y:scroll is a bit better as it does not create a
scroll bar per se.
 


PERFECT THANK YOU :)

This does create a space where the scroll bar would be but it makes sense to
me to have an inactive scroll bar per se rather than a scroll bar that does
not view additional page information. 

Cheers :)

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-03 Thread Theresa Mesa
 Hey, I'm loving this fix, too.

Theresa


 
 PERFECT THANK YOU :)
 
 This does create a space where the scroll bar would be but it makes sense to
 me to have an inactive scroll bar per se rather than a scroll bar that does
 not view additional page information. 
 
 Cheers :)
 
 

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Matthew P. Johnson
If you toggle between 

 

http://www.applegateelements.com/contact.shtml

 

and 

 

http://www.applegateelements.com/agreement.shtml

 

why does the navigation shift?

 

Interesting.

 

Matthew P. Johnson | Eco I.T.

320 Warwick Avenue Oakland CA 94610 | 415.254.1563 |  http://ecoitsf.com
ecoitsf.com

P Please consider the environment before printing this email.

 

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Theresa Mesa
Because the contact page doesn't have a vertical scrollbar on the right, but 
the agreement page does. The whole page is jogging, not just the navigation. 
And actually, the contact page seems to be *stretching*, along with the jogging.

Your HTML still has a few errors.

I can't get your CSS page to validate. It's still loading in the validator. 
Still loading...still loading...still loading...

A fix someone here gave me for the scrollbar issue is to set your html as html 
{ height: 100.1%;} This makes all the pages have a scrollbar, whether they need 
it or not. My personal feeling on the matter is that you won't really notice or 
care about the scrollbar unless it's evident that more content needs to be 
viewed. If it's evident you've seen all the content, you won't be confused by 
its presence, because it fills the length of the scrollbar area. On the other 
hand, you do immediately notice if you're flipping through pages if the content 
of the page is jogging back and forth. Personal preference.

...still loading...still loading. I don't know why your CSS is not loading into 
the validator.


Theresa




On Jun 2, 2010, at 6:34 PM, Matthew P. Johnson wrote:

 If you toggle between 
 
 
 
 http://www.applegateelements.com/contact.shtml
 
 
 
 and 
 
 
 
 http://www.applegateelements.com/agreement.shtml
 
 
 
 why does the navigation shift?
 
 
 
 Interesting.
 
 
 
 Matthew P. Johnson | Eco I.T.
 
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 |  http://ecoitsf.com
 ecoitsf.com
 
 P Please consider the environment before printing this email.
 
 
 
 __
 css-discuss [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Thierry Koblentz
 If you toggle between
 
 
 
 http://www.applegateelements.com/contact.shtml
 
 
 
 and
 
 
 
 http://www.applegateelements.com/agreement.shtml
 
 
 
 why does the navigation shift?

Because of the scrollbar that shows up when there is content below the fold.

To force a gutter, you can try this:

html {overflow-y:scroll;}

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Philippe Wittenbergh

On Jun 3, 2010, at 10:34 AM, Matthew P. Johnson wrote:

 If you toggle between 
 
 http://www.applegateelements.com/contact.shtml
 
 and 
 
 http://www.applegateelements.com/agreement.shtml
 
 why does the navigation shift?

Because one page has a vertical scroll bar and the other doesn't.
(both page have a huge horizontal scrollbar)

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Matthew P. Johnson
How can I find out how to validate the css?

Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
 Please consider the environment before printing this email.


-Original Message-
From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
Sent: Wednesday, June 02, 2010 6:49 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)

Because the contact page doesn't have a vertical scrollbar on the right, but 
the agreement page does. The whole page is jogging, not just the navigation. 
And actually, the contact page seems to be *stretching*, along with the jogging.

Your HTML still has a few errors.

I can't get your CSS page to validate. It's still loading in the validator. 
Still loading...still loading...still loading...

A fix someone here gave me for the scrollbar issue is to set your html as html 
{ height: 100.1%;} This makes all the pages have a scrollbar, whether they need 
it or not. My personal feeling on the matter is that you won't really notice or 
care about the scrollbar unless it's evident that more content needs to be 
viewed. If it's evident you've seen all the content, you won't be confused by 
its presence, because it fills the length of the scrollbar area. On the other 
hand, you do immediately notice if you're flipping through pages if the content 
of the page is jogging back and forth. Personal preference.

...still loading...still loading. I don't know why your CSS is not loading into 
the validator.


Theresa




On Jun 2, 2010, at 6:34 PM, Matthew P. Johnson wrote:

 If you toggle between 
 
 
 
 http://www.applegateelements.com/contact.shtml
 
 
 
 and 
 
 
 
 http://www.applegateelements.com/agreement.shtml
 
 
 
 why does the navigation shift?
 
 
 
 Interesting.
 
 
 
 Matthew P. Johnson | Eco I.T.
 
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 |  http://ecoitsf.com
 ecoitsf.com
 
 P Please consider the environment before printing this email.
 
 
 
 __
 css-discuss [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Matthew P. Johnson
Interesting. I will have to play with this... I wonder why I am getting a 
scroll bar...

Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
 Please consider the environment before printing this email.


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philippe Wittenbergh
Sent: Wednesday, June 02, 2010 6:52 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)


On Jun 3, 2010, at 10:34 AM, Matthew P. Johnson wrote:

 If you toggle between 
 
 http://www.applegateelements.com/contact.shtml
 
 and 
 
 http://www.applegateelements.com/agreement.shtml
 
 why does the navigation shift?

Because one page has a vertical scroll bar and the other doesn't.
(both page have a huge horizontal scrollbar)

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Theresa Mesa
I'm stumped. I rarely run into this issue.


On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote:

 How can I find out how to validate the css?
 
 Matthew P. Johnson | Eco I.T.
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
  Please consider the environment before printing this email.
 
 
 -Original Message-
 From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
 Sent: Wednesday, June 02, 2010 6:49 PM
 To: Matthew P. Johnson
 Cc: css-d@lists.css-discuss.org
 Subject: Re: [css-d] interesting nav issue - please help :)
 
 Because the contact page doesn't have a vertical scrollbar on the right, but 
 the agreement page does. The whole page is jogging, not just the navigation. 
 And actually, the contact page seems to be *stretching*, along with the 
 jogging.
 
 Your HTML still has a few errors.
 
 I can't get your CSS page to validate. It's still loading in the validator. 
 Still loading...still loading...still loading...
 
 A fix someone here gave me for the scrollbar issue is to set your html as 
 html { height: 100.1%;} This makes all the pages have a scrollbar, whether 
 they need it or not. My personal feeling on the matter is that you won't 
 really notice or care about the scrollbar unless it's evident that more 
 content needs to be viewed. If it's evident you've seen all the content, you 
 won't be confused by its presence, because it fills the length of the 
 scrollbar area. On the other hand, you do immediately notice if you're 
 flipping through pages if the content of the page is jogging back and forth. 
 Personal preference.
 
 ...still loading...still loading. I don't know why your CSS is not loading 
 into the validator.
 
 
 Theresa
 
 

__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Claude Needham
On Wed, Jun 2, 2010 at 6:49 PM, Theresa Mesa trixiesirishe...@gmail.com wrote:
 Because the contact page doesn't have a vertical scrollbar on the right, but 
 the agreement page does. The whole page is jogging, not just the navigation. 
 And actually, the contact page seems to be *stretching*, along with the 
 jogging.

 Your HTML still has a few errors.

 I can't get your CSS page to validate. It's still loading in the validator. 
 Still loading...still loading...still loading...

I was able to validate the css using the direct input method at
http://jigsaw.w3.org/css-validator/validator
However, the url method does not seem to be working at the moment.
I tried it on a couple of different webpages.
Hopefully a transient problem.
__
css-discuss [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Matthew P. Johnson
Header: Correct. This is just temporary graphic...

I noticed the vertical scroll is causing the issue on pages where there is 
content that exceeded the vertical screen.

So do I have to give all the pages a vertical scroll bar to obtain consistency 
in the nav?

Sincerely, 

Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
 Please consider the environment before printing this email.


-Original Message-
From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
Sent: Wednesday, June 02, 2010 7:24 PM
To: Matthew P. Johnson
Subject: Re: [css-d] interesting nav issue - please help :)

I have a 30 monitor (and a 20 - duals), and so if I take the browser window 
and pull it out to encompass your content, no scroll bar. On the contact page, 
if I make my window really small to be smaller than your content, I get a 
scrollbar.

If I pull the window out the width of my monitor (or close), no horizontal 
scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the 
browser window, your banner art enlarges too. That's because you've set the 
width of your header image to 100%, so it will enlarge to fit 100% of the 
browser window. And if it enlarges via width, it enlarges via height, too.


Theresa


On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote:

 Interesting. I will have to play with this... I wonder why I am getting a 
 scroll bar...
 _
 css-discuss [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Theresa Mesa
That's what I do.

On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote:

 Header: Correct. This is just temporary graphic...
 
 I noticed the vertical scroll is causing the issue on pages where there is 
 content that exceeded the vertical screen.
 
 So do I have to give all the pages a vertical scroll bar to obtain 
 consistency in the nav?
 
 Sincerely, 
 
 Matthew P. Johnson | Eco I.T.
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
  Please consider the environment before printing this email.
 
 
 -Original Message-
 From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
 Sent: Wednesday, June 02, 2010 7:24 PM
 To: Matthew P. Johnson
 Subject: Re: [css-d] interesting nav issue - please help :)
 
 I have a 30 monitor (and a 20 - duals), and so if I take the browser window 
 and pull it out to encompass your content, no scroll bar. On the contact 
 page, if I make my window really small to be smaller than your content, I get 
 a scrollbar.
 
 If I pull the window out the width of my monitor (or close), no horizontal 
 scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the 
 browser window, your banner art enlarges too. That's because you've set the 
 width of your header image to 100%, so it will enlarge to fit 100% of the 
 browser window. And if it enlarges via width, it enlarges via height, too.
 
 
 Theresa
 
 
 On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote:
 
 Interesting. I will have to play with this... I wonder why I am getting a 
 scroll bar...
 _
 css-discuss [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Matthew P. Johnson
Interesting. Seems inefficient. Is there another way to stabilize the nav?

BTW I am trying to get the backend of the site correct then I will focus on 
making it pretty. :0)

Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
 Please consider the environment before printing this email.


-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Theresa Mesa
Sent: Wednesday, June 02, 2010 10:27 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)

That's what I do.

On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote:

 Header: Correct. This is just temporary graphic...
 
 I noticed the vertical scroll is causing the issue on pages where there is 
 content that exceeded the vertical screen.
 
 So do I have to give all the pages a vertical scroll bar to obtain 
 consistency in the nav?
 
 Sincerely, 
 
 Matthew P. Johnson | Eco I.T.
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
  Please consider the environment before printing this email.
 
 
 -Original Message-
 From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
 Sent: Wednesday, June 02, 2010 7:24 PM
 To: Matthew P. Johnson
 Subject: Re: [css-d] interesting nav issue - please help :)
 
 I have a 30 monitor (and a 20 - duals), and so if I take the browser window 
 and pull it out to encompass your content, no scroll bar. On the contact 
 page, if I make my window really small to be smaller than your content, I get 
 a scrollbar.
 
 If I pull the window out the width of my monitor (or close), no horizontal 
 scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the 
 browser window, your banner art enlarges too. That's because you've set the 
 width of your header image to 100%, so it will enlarge to fit 100% of the 
 browser window. And if it enlarges via width, it enlarges via height, too.
 
 
 Theresa
 
 
 On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote:
 
 Interesting. I will have to play with this... I wonder why I am getting a 
 scroll bar...
 _
 css-discuss [cs...@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 [cs...@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 [cs...@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] interesting nav issue - please help :)

2010-06-02 Thread Theresa Mesa
How is it inefficient to add html {height: 100.1%} to your CSS, which 
immediately applies this to all pages without so much as a how-do-you-do (since 
you are using an external style sheet)? To me, if you like the aesthetics of 
not having the nav jump back and forth horizontally, it seems like the *most* 
efficient way of doing it. Either the scrollbar is there, or it's not. If you 
are centering your page, you are going to have the problem. You don't notice 
the scroll bar over there on the side unless the height of the content makes 
scrolling necessary. Otherwise, you don't pay attention to it.

Now you could spend hours (since you are a professed n00b) trying to absolutely 
position the nav, and take the chance it may not work in all browsers, or you 
apply the extra .1% of height to the html tag in your CSS, get a scrollbar on 
every page, and be done with it.

Either that, or don't try to center the page in the browser window. Let it be 
flush left. Then it's a non-issue.

Again, I got this fix from someone on this list. I've used it ever since. Works 
great. Takes two seconds to apply. Totally efficient.


Theresa



On Jun 2, 2010, at 10:31 PM, Matthew P. Johnson wrote:

 Interesting. Seems inefficient. Is there another way to stabilize the nav?
 
 BTW I am trying to get the backend of the site correct then I will focus on 
 making it pretty. :0)
 
 Matthew P. Johnson | Eco I.T.
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
  Please consider the environment before printing this email.
 
 
 -Original Message-
 From: css-d-boun...@lists.css-discuss.org 
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Theresa Mesa
 Sent: Wednesday, June 02, 2010 10:27 PM
 To: Matthew P. Johnson
 Cc: css-d@lists.css-discuss.org
 Subject: Re: [css-d] interesting nav issue - please help :)
 
 That's what I do.
 
 On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote:
 
 Header: Correct. This is just temporary graphic...
 
 I noticed the vertical scroll is causing the issue on pages where there is 
 content that exceeded the vertical screen.
 
 So do I have to give all the pages a vertical scroll bar to obtain 
 consistency in the nav?
 
 Sincerely, 
 
 Matthew P. Johnson | Eco I.T.
 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
  Please consider the environment before printing this email.
 
 
 -Original Message-
 From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] 
 Sent: Wednesday, June 02, 2010 7:24 PM
 To: Matthew P. Johnson
 Subject: Re: [css-d] interesting nav issue - please help :)
 
 I have a 30 monitor (and a 20 - duals), and so if I take the browser 
 window and pull it out to encompass your content, no scroll bar. On the 
 contact page, if I make my window really small to be smaller than your 
 content, I get a scrollbar.
 
 If I pull the window out the width of my monitor (or close), no horizontal 
 scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the 
 browser window, your banner art enlarges too. That's because you've set the 
 width of your header image to 100%, so it will enlarge to fit 100% of the 
 browser window. And if it enlarges via width, it enlarges via height, too.
 
 
 Theresa
 
 
 On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote:
 
 Interesting. I will have to play with this... I wonder why I am getting a 
 scroll bar...
 _
 css-discuss [cs...@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 [cs...@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 [cs...@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/