[CSS] Położenie obrazka na środku strony - height:100%; Opcje

[yurus1]

Witam

Jest sobie strona. Jako tło ma być obrazek, który musi być wyśrodkowany na samym środku strony. Problem polega na tym że obrazek ma mieć zawsze 100% wysokości, więc cięzko określić jego szerokość.

W jaki najprostszy sposób można go wyśrodkować?

#background{position:fixed; z-index:-1; margin: 0 auto;
height:100%;
left: 6%;
}

[Arcioch]

Css dla twojego bg ustaw takie:

[HTML] pobierz, plaintext 
#background1{display: block;
position:fixed;
height:100%;
z-index: -1;
}
[HTML] pobierz, plaintext 

Kod js do wyśrodkowywania tła (IMG:style_emoticons/default/wink.gif) działa automatycznie przy ładowaniu i przy zmianie szerokości okna przeglądarki (IMG:style_emoticons/default/wink.gif) (wymaga biblioteki jQuery)

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
 
$(function() {
 
	function bgresize() {
		var window_width = $(window).width();
		var img_width = $('#background1').width();
 
		var margin_left = (window_width - img_width) / 2;
		$('#background1').css({"margin-left" : margin_left});
  	}
 
	bgresize();
 
	$(window).resize(bgresize);
 
});
</script>
[HTML] pobierz, plaintext