Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>Фото-фон фиксируется относительно блока</title> <style type="text/css"> * {margin: 0; padding: 0;} html { min-width: 920px;} body { background: #F8F7E5 url(bgfix.jpg) 50% 0 no-repeat; font: 13px "Trebuchet MS", Tahoma, Arial, sans-serif;} #wrapper {width: 876px; margin: 238px auto 0; background: #FFF; padding: 20px; border: 2px dashed #F00;} h1 {font-size: 22px; font-weight: normal;} a {color: #06F} a:hover {text-decoration: none} #copyright { text-align: center; padding: 550px 0 0;} </style> </head> <body> <div id="wrapper"> Если вы станете сужать окно браузера, то с того момента, когда появится горизонтальная прокрутка, вы заметите, что фоновое изображение сдвигается влево относительно контента (за исключением браузеров IE6 и IE7). Наша задача - зафиксировать изображение. Данную неприятность позволяет устранить один очень простой трюк. Суть его заключается в том, что к родительскому блоку контейнера, у которого задан фон, необходимо применить параметр минимальной ширины, равной ширине контентного блока. В нашем случае мы укажем минимальную ширину тегу <html>, поскольку он является “родителем” тега <body>, к которому мы прицепили фон. Т.е. всего-навсего добавляем такой стиль: html {<br> min-width: 900px;<br> } </div> <div style=" position:absolute; bottom:+30; left:30% "><center><a style="COLOR: #000;font: 80% Verdana,Arial,sans-serif;" href=http://www.03www.su/>Библиотека JAVASCRIPT 1997- 2010 (июль 2010 г.) Дизайн и сопровождение © SE@RCHER</a></center></div></body> </html>