HighDots Forums  

content shifts when extending below view

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss content shifts when extending below view in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
skijor
 
Posts: n/a

Default content shifts when extending below view - 02-24-2008 , 11:38 AM






For a page that display's a catalogue of items in table format. If
the number of rows extends below the view, in some browsers (safari,
firefox) the page shifts to the left a little bit. It's noticeable
when the user clicks back and forth between two similar pages with a
common header. One page whose rows all fit in the view and another
page with identical markup and a greater number of rows. The user is
always free to use the browser scroll bar to view the hidden rows.
What is the generally preferred way to handle this? Would it be
better to split the page in two so that they both fit within view and
provide the links between the two. This would give a more anchored
look to the content that is common to both.

Reply With Quote
  #2  
Old   
Jonathan N. Little
 
Posts: n/a

Default Re: content shifts when extending below view - 02-24-2008 , 12:25 PM






skijor wrote:
Quote:
For a page that display's a catalogue of items in table format. If
the number of rows extends below the view, in some browsers (safari,
firefox) the page shifts to the left a little bit. It's noticeable
when the user clicks back and forth between two similar pages with a
common header. One page whose rows all fit in the view and another
page with identical markup and a greater number of rows.
Gazing into my crystal ball I would say the cause is that the contents
of the page has been centered and when the contents extends below the
viewport browsers Firefox and Safari display a vertical scrollbar which
when introduced shifts the center of the page to the left thereby
shifting the contents. IE always shows a vertical scrollbar whether on
not it is needed so you see no shift.

Quote:
The user is
always free to use the browser scroll bar to view the hidden rows.
What is the generally preferred way to handle this? Would it be
better to split the page in two so that they both fit within view and
provide the links between the two. This would give a more anchored
look to the content that is common to both.
Well you are overlooking something very fundamental about the web. How
do you know what will fit in my browser window? You don't and you
cannot. So stop trying. You should break up pages in to digestible
chunks so that you don't have the infamous "Scroll-O-Death" pages. But
there are a couple of things to do.

Don't feel the need to "center" your page then it won't shift when a
scroll bar appears.

Don't make a page with fixed width and pixel placed elements then the
page will morph to fill the available space and shifting won't matter.

Lastly, do nothing. Who cares if the page slightly shifts when you
change pages. Most people are not going to flip back and forth just to
say, "Hey the page moves!"



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com


Reply With Quote
  #3  
Old   
skijor
 
Posts: n/a

Default Re: content shifts when extending below view - 02-24-2008 , 03:15 PM



Quote:
Gazing into my crystal ball I would say the cause is that the contents
of the page has been centered and when the contents extends below the
viewport
yup

Quote:
Well you are overlooking something very fundamental about the web. How
do you know what will fit in my browser window? You don't and you
cannot. So stop trying.
ok

Quote:
Don't make a page with fixed width and pixel placed elements then the
page will morph to fill the available space and shifting won't matter.
i like this

Quote:
Lastly, do nothing. Who cares if the page slightly shifts when you
change pages. Most people are not going to flip back and forth just to
say, "Hey the page moves!"
i know but it bothers me.



Reply With Quote
  #4  
Old   
dorayme
 
Posts: n/a

Default Re: content shifts when extending below view - 02-24-2008 , 04:20 PM



In article
<81528c54-dcee-4e50-b9e0-c530b4719a6d (AT) s8g2000prg (DOT) googlegroups.com
Quote:
,
skijor <skijor (AT) gmail (DOT) com> wrote:

Quote:
Lastly, do nothing. Who cares if the page slightly shifts when you
change pages. Most people are not going to flip back and forth just to
say, "Hey the page moves!"

i know but it bothers me.
Please quote who you are quoting. It was Jonathan Little.

Pity it does bother you because often this is the least of the
downsides. Psyche yourself up, think if it does not move an inch
from page to page, this is no sign that the page is adapting to
its difference. Adaptation is good. I can only think to counsel
you psychologically. (Something I do when I am not
psychoanalyzing Boji or JK)

I make kites. Mostly single line kites. I have made ones that are
so damned perfect that they sit there in the sky and bore me
silly. Looking at one of them I became depressed and contemplated
jumping off the high cliff I was on (I like to fly from cliffs
and over the sea - how scared so many are loathe to risk their
expensively bought or expensively made kites this way!).

if you do not understand flying object construction, there is an
ideal of functional stability. The more a thing is stable in the
range of conditions for which it is designed, the more it fits
this ideal. But it is a simple minded standard when applied too
rigorously to kite making.

Kite flying is not a purely functional activity. It has an
aesthetic. Kites dance in the sky. It is ballet. A ballet dancer
that does not move is even more boring than a motionless belly
dancer.

Are you understanding me or wanting to killfile me already?
(pssst... is your killfile nice, got any special treats, pool
table maybe?)

--
dorayme


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.