CSS Tutorial - Background - background-position

Warning: Undefined array key "StartingPoint" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 107 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 115 Warning: Undefined variable $WEB_ROOT in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 169 CSS Tutorial - Background - background-position

background-position

Now, picking up the last example from above, wouldn't it be neat to have that single image centered?

						background-position:<horizontal> <vertical>;

						background-position:<keyword> <keyword>;

One can either talk in absolute (px) or relative (%) units, or use keywords like so (only showing the relevant repeat-part here):

style="background-repeat:50% 50%;"

style="background-repeat:top center;"

style="background-repeat:75% 75%;"

I wouldn't advice on mixing the units (like background-repeat:50% center;), most browsers don't like this.