Previous Message
Next Message

floating background without scroll bars

Sent by Gunlaug_Sørtun on 16 September 2005 19:07


rashantha de silva wrote:
> does anyone know/explain how the floating background is accomplished  at 
> this site
> 
> <http://www.sitevista.com>

A wide (1100+) image with the 'visible' part offset to one side on an 
'invisible' (white) background.
Styled with 'body {background-position: center top;}' it'll stay put 
until the window-width becomes so narrow that the fixed-width elements 
create a scrollbar, and since background-images don't affect the 
container (body) or create scrollbars, it'll create a nice illusion.

They just forgot to test the design thoroughly across browser-land, so 
the illusion is slightly broken in Opera, where 'padding:0' on body is 
needed.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: