Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Locky
0 / 0 / 0
Регистрация: 02.06.2009
Сообщений: 11
1

двухцветный background и резина

27.09.2010, 06:04. Просмотров 2503. Ответов 0
Метки нет (Все метки)

здраствуйте столкунулся с проблеммой суть есть страница с двухцветным по горизонтали background тоесть задача сделать этот фон резиновым не только по ширине но и по высотe. Всё бы хорошо , но при высоте контента более 100%
фон просто не тянется более 100% так как контент находится в абсолютно позиционированном блоке и фон на изменение его размера просто не реагирует можно конечно задать один из 2 цветов в качестве bасkground для body но вот как быть со вторым? Буду очень благодарен за помощь
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<body>
 
 
<div class="main">
<div class="white"></div>
<div class="content">
    <div class="leftbottomShadow"><div class="leftShadow"></div></div>
    <div class="contentHere">    </div>
    <div class="rightbottomShadow"><div class="rightShadow"></div></div>
    <div class="footer"></div>
    <div class="topBg"></div>
 
 
 
 
</div>
</div>
 
 
 
 
 
 
 
</body>
/*CSS*/
* {
margin:0;
padding:0;
}
 
html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,blockquote,form,fieldset,legend,table,td,th,div {
margin:0;
padding:0;
}
 
html,body {
height: 100%;
font-family:Tahoma, Geneva, sans-serif;
}
 
 
.main{
    height: 100%;
    width:100%;
    background-color:#dbe1e6;
 
 
}
.white{
    height:50%;
    width:100%;
    background-color:#eaeff2;
 
 
}
.content{
    width:1116px;
    height:100%;
    margin: 0 auto;
    background-color:#ff0000;
    position:absolute;
    top:0;
    z-index:2;
    margin-left:-558px;
    left:50%;
 
 
 
 
 
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.09.2010, 06:04
Ответы с готовыми решениями:

Двухцветный фон со скосом
Помогите, научите, как сделать вот такую - казалось бы - простую вещицу.

Вертикальная резина в табличной верстке
Всем добрый день! Помогите, пожалуйста, мне, начинающему верстальщику,...

Как правильно сделать горизонтальный двухцветный фон?
В общем, дело такое: На всю длину страницы идет PNG-фон, но из-за своих...

Чем отличаются background-clip и background-origin?
Доброго времени суток! Объясните, пожалуйста, чем отличаются background-clip...

Работа с background-color,background-image
Добрый день ув. пользователи! Подскажите пожалуйста, можно как-то сделать, что...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.09.2010, 06:04

Background и background-image
Добрый день ув. пользователи! Подскажите пожалуйста какие свойста в css...

Background
Всем доброго времени суток. Будьте добры, подскажите пожалуйста. Хочу зделать...

background
Привет друзья! Делал вёрстку, всё шло хорошо. Шаблон таков: шапка, после...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru