[css-d] how to prevent 'stuttering' browser rendering with e.g. images

2006-10-22 Thread Beate De Nijs
Hello,

when images (and probably also some div id s) don't get width/height  
set on the page, the rendering in the browser can look 'stuttering'.
divs and texts appear earlier, images start to appear and push the  
content further down or the side.

another behaviour is that at short pages the scrollbar disappears,  
making a centered content jump offset to the right a bit.
e.g. I have short pages with few textlines and with one either  
vertical or horiziontal pic. when one clicks through the pages, this  
offset jumping is annoying.

what do you do in such cases?
- provide a large empty div box in the background with a minimum  
height that makes sure a scrollbar (area) will always  appear?
- set the margin of a footer div id very high?
- ...

bye,
beate de nijs


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] how to prevent 'stuttering' browser rendering with e.g. images

2006-10-22 Thread Christian Heilmann
> when images (and probably also some div id s) don't get width/height
> set on the page, the rendering in the browser can look 'stuttering'.
> divs and texts appear earlier, images start to appear and push the
> content further down or the side.
>
> another behaviour is that at short pages the scrollbar disappears,
> making a centered content jump offset to the right a bit.
> e.g. I have short pages with few textlines and with one either
> vertical or horiziontal pic. when one clicks through the pages, this
> offset jumping is annoying.
>
> what do you do in such cases?
> - provide a large empty div box in the background with a minimum
> height that makes sure a scrollbar (area) will always  appear?
> - set the margin of a footer div id very high?

That and setting width and height in the image attributes. You can
enforce the scrollbar with a height of 100.01%
http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better

-- 
Chris Heilmann
Book: http://www.beginningjavascript.com
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/