Растягивание шаблона

KB
На сайте с 01.09.2012
Offline
14
593

Добрый вечер

Интересует вопрос: Как растянуть этот шаблон?

Белое - это то, соответственно, что нужно растянуть

Серое - фон сайта

Плохо разбираюсь в CSS, поэтому с этим возникли проблемы :(

TaediumVitae
На сайте с 22.09.2011
Offline
41
#1

На всю ширину родитeльского блока растянуть? .class{width:100%;} для белого блока.

Insanity
На сайте с 02.10.2012
Offline
14
#2

у белого скорее всего стоит либо фиксированная ширина в пикселях, либо в процентах меньше 100%.

Научитесь пользоваться отладчиками в браузерах. Очень облегчает разработку.

Сам предпочитаю отладчик Google Chrome (открывается по нажатию F12), он позволят одним кликом мыши узнать какие стили, на чем висят.

Рерайт, копирайт, наполнение сайтов (http://advego.ru/2CnY8vKabC)
KB
На сайте с 01.09.2012
Offline
14
#3

Я так понимаю, это то, что нужно изменить?


/* MAIN */
#wrapper {width:1000px;margin:0 auto;min-height:100%;height:auto !important; height:100%;}
#middle {width:100%;padding:146px 0 100px;height:1%;position:relative;}
#middle:after {content:'.';display:block;clear:both;visibility:hidden;height:0;}
#container {width:100%;float:left;overflow:hidden;background:url("../images/content.png") no-repeat -655px bottom;}
#content {padding:0 335px 10px 0;margin:0 0 10px 0;background:url("../images/content.png") repeat-y -1657px 0;}

Пробовал у wrapper увеличить width до 1200 и выше, но весь шаблон искажается

На счёт отладчика Google Chrome - эта "белая" часть находится в contentOptions (вродебы), но в CSS нету ширины:


.contentOptions {background:url("../images/content.png") no-repeat 13px 0;padding:20px 30px 15px 30px;font-size:1.1em;line-height:1.3em;}
TaediumVitae
На сайте с 22.09.2011
Offline
41
#4
KoBaL:
но в CSS нету ширины:

Ну так задайте. А вообще было бы неплохо продемонстрировать разметку. Сложно, знаете ли, ориентироваться без неё.

KB
На сайте с 01.09.2012
Offline
14
#5
TaediumVitae:
Ну так задайте. А вообще было бы неплохо продемонстрировать разметку. Сложно, знаете ли, ориентироваться без неё.

Ещё бы я знал, о какой разметке вы говорите :o

Отправил сайт в ЛС

---------- Post added 22-10-2012 at 21:32 ----------

TaediumVitae:
Ну так задайте. А вообще было бы неплохо продемонстрировать разметку. Сложно, знаете ли, ориентироваться без неё.

Поставил ширину 1000, появились опять какие-то полосы, бардак полнейший

TaediumVitae
На сайте с 22.09.2011
Offline
41
#6
KoBaL:
Поставил ширину 1000, появились опять какие-то полосы, бардак полнейший

А это потому что фон для белого блока задается картинкой.

Уберите для #container и всех дочерних блоков background, потом, собственно, для #container напишите {background-color:#fff;border-radius:5px;width:100%;}

KB
На сайте с 01.09.2012
Offline
14
#7
TaediumVitae:
А это потому что фон для белого блока задается картинкой.
Уберите для #container и всех дочерних блоков background, потом, собственно, для #container напишите {background-color:#fff;border-radius:5px;width:100%;}

О Боги! Получилось! Большое спасибо!

Но теперь на всех статических страницах такаяже дребедень :(

Это, я так понимаю, лечиться только увеличением ширины картинки?

TaediumVitae
На сайте с 22.09.2011
Offline
41
#8

Похоже на то. Но только вы наверняка намучаетесь с позиционированием этой картинки, особенно с учетом того, что она будет использоваться для большинства контентных блоков (насколько я понял, именно так и происходит)

KB
На сайте с 01.09.2012
Offline
14
#9

Код #content:


#content {padding:0 335px 10px 0;margin:0 0 10px 0;}

Добавил в конце width: 100%;

Результат:

:(

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