dzien dobry. mam oto taki przykładowy kod. proszę zauważyc że przybliżając stronę, zdjęcie chowa nam sie poza przegladarkę. jak temu zapobiegac, biorąc pod uwagę ze content musi mieć "position : absolute" ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">
<meta name="Description" content="">
<meta name="Keywords" content="">
<title> </title>
<style type="text/css">
* { margin : 0 auto; padding : 0; }
#content { width: 1024px; height: 100%; position : absolute; left : 50%; margin-left : -512px; background-color: red;}
#a { width: 512px; height: 100px; float: left; background-color: green; }
#b { width: 512px; height: 400px; float: right; background-color: brown; }
#c { width: 512px; height: 300px; float: left; background-image: url('http://www.canalpluscyfrowy.pl/zmediastore/hyper_jpg/2011/03_marzec/wiesci/crysis2_directx_c.jpg');}
#d { width: 1024px; height: 100px; clear: both; background-color: yellow; }
</style>
</head>
<body>
<div id="content">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
</body>
</html>