Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 04.10.2010 15:50

AlekseyXP
Новичок
Зарегистрирован: 04.10.2010
Сообщений: 2

прозрачный фон(.png) + контент

Помогите решить задачку:

Есть макет с прозрачным фоном виде растяжкою.
Режу на 3 backgrounda:
header и footer beckgrounda вставляю в блок (прижав к top и bottom)
делаю padding-top:377px; padding-bottom:457px; чтобы середина не на лазила на фон
центральную часть фона подготовил для размножения, она размножается в блоке bloc_row (блок будет резиновым)
вроде все ok,
Теперь блок с контентом растягиваю на всю высоту bloc (margin-top: -377px; margin-bottom: -457px;), и тут косяк фон bloc_row налазит на header и на footer.

Что нетак ??? как решить проблему??

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body
{
}
.bloc
{
    width : 1004px;
    margin : 0 auto;
    background-image: url(../images/img_background_header.png), url(../images/img_background_footer.png);
    background-position: left top, left bottom;
    background-repeat: no-repeat;
    padding-top:377px;
    padding-bottom:457px;
}
.bloc_row
{
    background-image: url(../images/img_background_row.png);
    background-position: left top;
    background-repeat: repeat-y;
    position: relative;
    min-height: 115px;
}
.bloc_content
{
    width : 1004px;
    margin-top: -377px;
    margin-bottom: -457px;
    position: relative;
}
</style>
</head>
<body>
    <div class="bloc">
        <div class="bloc_row">
            <div class="bloc_contact">
                <p>tekst tekst</p>
            </div><!--.bloc_content-->
        </div><!--.bloc_row-->
    </div><!--.bloc-->
 </body>
</html>

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson