Форум Сайтостроение Веб-строительство

CSS (фон блока)

12
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
1503 

.newss {

	background-image: url(images/news_bg.jpg);

	height: 250px;

	background-repeat: repeat-x;

	margin-left: 20px;

	margin-right: 40px;



}

Подскажите как растянуть на весь экран фон? С фоном для всей страницы разобрался, а с блоком не получается :(

[Удален]
#1

А так вообще не показывает? Если есть внешний, родительский контейнер, то попробуйте прописать в этот класс width: 100%;

Хотя и без этого должно отображать.

===============================

Проверьте высоту изображения и название...

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#2

Сашко,

вот что получается. Фон сайта должен быть белый. Где полоса цветная, она должна быть во всю ширину монитора.

[Удален]
#3

Pasha199, чёт не вижу я никакой полосы на картинке, ответьте в аське...

O
На сайте с 29.05.2008
Offline
195
ortegas
#4

min-width: 640px;

min-height: 640px;

640px - npx- npt - n% - auto.

A2
На сайте с 17.11.2009
Offline
52
asmakovec2
#5 

.newss {
	background-image: url(images/news_bg.jpg) repeat-x;
        width: 100%;
	height: 250px;
	margin: 0 40px 0 20px;
}
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#6

asmakovec2, ortegas, не получается :(

код изменил, все как было так и осталось. Вот скрин

Основной фон страницы белый, я создал отдельный блок "Новости студии" для блока добавил фон, на скрине это видно. Стрелочками я показал как надо сделать фон, т.е. фон блока "Новости студии" должен быть растянут на всю ширину любого монитора. Макет верстается под 960px

Facebook добавит в «Ленту Google добавил новое требование Google тестирует упрощённую версию
A2
На сайте с 17.11.2009
Offline
52
asmakovec2
#7
Pasha199:
asmakovec2, ortegas, не получается :(
код изменил, все как было так и осталось. Вот скрин

Основной фон страницы белый, я создал отдельный блок "Новости студии" для блока добавил фон, на скрине это видно. Стрелочками я показал как надо сделать фон, т.е. фон блока "Новости студии" должен быть растянут на всю ширину любого монитора. Макет верстается под 960px

А дак у тебя 960px стоит главный блок

тогда вот так сделай

html, body {

background-image: url(images/news_bg.jpg) repeat-x;

width: 100%;

}

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#8

asmakovec2, вот весь css 

.container {

	width: 980px;

	margin: 0 auto;

	height: 1500px;

}

.tel_head {

	width: 201px;

	margin-left: 760px;

	margin-top: -110px;

}





.logo {

	width: 200px;

	height: 99px;

	margin: 10px;

	margin-top: 10px;

	margin-left: 42px;

}







.menu {

	width: 500px;

	height: 0px;

	margin-top: -60px;

	margin-right: 90px;

	margin-bottom: 0px;

	margin-left: 220px;

	color: #9e9e9e;

	font-size: 18px;

}

.left_block {

	margin-top: 90px;

	margin-left: 27px;

	margin-right: 738px;

	height: 460px;

	font-size: 12px;

}





.content {

	margin-left: 300px;

	margin-right: 40px;

	font-family: "Comic Sans MS", cursive;

	font-size: 13px;

	color: #000;

	margin-top: -425px;

	height: 630px;

}





.container .content p {

	text-align: justify;

}

.newss {

	background-image: url(images/news_bg.jpg);

	height: 250px;

	background-repeat: repeat-x;

	margin-left: 20px;

	margin-right: -80px;

	margin-top: 10px;

}





body {

	background-image: url(images/back.jpg);

}

.news {

	background-color: #FFF;

	margin: 0 auto;

	background-size: cover;

	color: #79dbdc;

	margin-left: 10px;

	margin-right: 716px;

	margin-top: -403px;

	height: 450px;

	

}

.container .content p {

	font-family: "Lucida Console", Monaco, monospace;

	color: #000;

}

.container .content p {

	font-family: "Comic Sans MS", cursive;

}

.container .left_block p a {

	color: #353535;

}

Основной фон страницы у меня уже есть, в классе 

body {

	background-image: url(images/back.jpg);

}

А мне нужно применить фон только для 1 блока (класс "newss") там где заголовок "Новости студии" фон этого блока должен быть во всю ширину монитора, основной цвет всей страницы должен быть белый, который я указал в классе 

body {

	background-image: url(images/back.jpg);

}
A2
На сайте с 17.11.2009
Offline
52
asmakovec2
#9

а основной фон просто чисто белым хочешь? Или там рисунок будет какойто?

если осноыной чисто белый

то вот так

html, body {

background:#ffffff url(images/news_bg.jpg) repeat-x;

width: 100%;

}

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#10

asmakovec2, фон я уже применил ко всей странице вот в этом классе 

body {

	background-image: url(images/back.jpg);

}

фон страницы там изображение back.jpg

============================================================

мне нужно сделать цвет фона (блок "новости студии") во всю ширину монитора, а сейчас блок на ширине 980px

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий