X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> прозрачный фон(.png) + контент
AlekseyXP
AlekseyXP
Topic Starter сообщение 4.10.2010, 16:26; Ответить: AlekseyXP
Сообщение #1


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

Есть макет с прозрачным фоном виде растяжкою.
Режу на 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
*, html {
    margin:0;
    padding:0;
}
body {
    background-color:#000;
}
.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>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlekseyXP
AlekseyXP
Topic Starter сообщение 4.10.2010, 18:07; Ответить: AlekseyXP
Сообщение #2


если установить .bloc_content {top:-377px;} то блок bloc_row становится = высоте контента..

Предлогайте решения!!!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ищу помощника на контент-рутину (ru, ua, бурж)
10 SergeyLinkin 2676 Вчера, 5:17
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Хороший контент от нейросети за копейки
3 satherland 583 13.3.2024, 16:37
автор: malamut
Открытая тема (нет новых ответов) Требуется контент-менеджер
1 Grimov 1126 8.2.2024, 9:54
автор: projectadmin
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВ РФ приступили к производству антишпионского защищенного смартфона «Р-фон»
17 Room 3008 17.1.2024, 10:19
автор: Antarez
Открытая тема (нет новых ответов) Контент-менеджер в ссылочные биржи
3 Natalia22 1644 30.5.2023, 9:19
автор: Natalia22


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:17
Дизайн