background чесно сказать я незнаю что в этом случае лучше делаю так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>bg</title> <style type="text/css"> html { background: #73ADD7 url(images/gradient.gif) repeat-x; } body { padding: 0; margin: 0; background: url(images/sky.jpg) no-repeat center top; color: #666; width: 100%; display: table; } #main { width: 1000px; margin: 0px auto 0; padding: 0px; /*background: #fff;*/ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 0px 0px 10px #000; /* Firefox */ -webkit-box-shadow: 0px 0px 10px #000; /* Safari and Chrome */ box-shadow: 0px 0px 10px #7f7f7f; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } #top { width: 1000px; height: 512px; margin: 0px auto 0; background: #fff; /*border: solid 1px #ccc;*/ padding: 0px; background: url(../Кабриолет/Site/design/images/header-bg.jpg) no-repeat center top; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari and Chrome */ border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ } #content { width: 1000px; margin: 50px auto 0; background: #fff; border: solid 1px #ccc; padding: 0px; } #down { z-index: 1; height: 937px; /* высота футера */ color: #fff; background: #000; margin-top: 0px; /* верхнее отрицательное поле */ background: url(images/down-bg.jpg) no-repeat center bottom; } #footer_correct { height: 100px; /* высота блока-корректора */ clear: both; /* прерывание обтекания */ } h1 { margin: 0; padding: 0; } </style> </head> <body> <div id="main"> <div id="top"> </div> <div id="content"> <h1>Content</h1> <p>51</p> <p style="padding-bottom: 1200px"> </p> </div> </div> <!-- down --> <div id="footer_correct"></div> этот слой уезжает в далеко вниз под футер а должен быть под слоем контент <div id="down"></div> </body> </html>
