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: [email protected]
> [mailto:[email protected]] On Behalf Of Theresa Mesa
> Sent: Wednesday, June 02, 2010 10:27 PM
> To: Matthew P. Johnson
> Cc: [email protected]
> 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:[email protected]]
>> 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 [[email protected]]
>>> 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 [[email protected]]
> 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 [[email protected]]
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/
