Для изменения ширины сайдбара нужно крутить эти блоки - Веб-строительство

57

VSNick

1 апреля 2012, 08:14

#11

Поскольку шаблон у вас выполнен в стиле резиновой верстки, разобраться и сделать кардинальные изменения будет не легко.

62

Tortemon

1 апреля 2012, 08:17

#12

VSNick:
Поскольку шаблон у вас выполнен в стиле резиновой верстки, разобраться и сделать кардинальные изменения будет не легко.

Совсем тю-тю? Какая резина?

#page {
margin: 2em auto;
max-width: 1280px;
}

Сейчас гляну, что можно сделать...

Веб и мобильная разработка [PHP, JS, Golang, Python, Java] (/ru/forum/998064)

57

VSNick

1 апреля 2012, 08:18

#13

Обратите внимание на следующие стили:

.left-sidebar #primary {
float: right;
margin: 0 0 0 -26.4%;
width: 100%;
}

style.css (строка 201)

и

.left-sidebar #secondary {
float: left;
margin-left: 7.6%;
margin-right: 0;
width: 18.8%;
}

style.css (строка 210)

---------- Добавлено 01.04.2012 в 11:21 ----------

Tortemon:
Совсем тю-тю? Какая резина?

Погорячился верстка смешанная.

А сайдбар и блок с контентом заданы в %

78

WebGomel

1 апреля 2012, 08:22

#14

и

.left-sidebar #content {
margin: 0 7.6% 0 34%;
width: 58.4%;
}

и

#content {
margin: 0 34% 0 7.6%;
width: 58.4%;
}

То есть тут мало что ширину нужно двигать, так ещё и маржины

Удалённый системный администратор ( https://remadmin.com )

62

Tortemon

1 апреля 2012, 08:23

#15

Так, для изменения ширины контента, надо крутить эти блоки:

#primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;

}

Для изменения ширины сайдбара этот:

#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
}

---------- Добавлено 01.04.2012 в 12:23 ----------

WebGomel, вы хоть в HTML сперва посмотрите, прежде чем в CSS лезть.

6666, два блока выше, которые я описал, меняют только ширину БЛОКОВ (обертки), а все что описано выше моего поста, меняет непосредственно ширину контента внутри блока, насколько я понял. Думаю, с этими знаниями справитесь с задачей, успехов ;)

---------- Добавлено 01.04.2012 в 12:26 ----------

VSNick:

Погорячился верстка смешанная.

А сайдбар и блок с контентом заданы в %

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

78

WebGomel

1 апреля 2012, 08:28

#16

Tortemon:
WebGomel, вы хоть в HTML сперва посмотрите, прежде чем в CSS лезть.

Дык естественно посмотрел, ваши #primary и #secondary не действуют тут, а задействованы .left-sidebar #primary и .left-sidebar #secondary

не заметили, что сначала идёт класс .left-sidebar?

62

Tortemon

1 апреля 2012, 08:30

#17

WebGomel:
Дык естественно посмотрел, ваши #primary и #secondary не действуют тут, а задействованы .left-sidebar #primary и .left-sidebar #secondary

<div id="secondary" class="widget-area" role="complementary">
сайдбар
</div>

<section id="primary">
<div id="content" role="main">
контент

</div>
</section>

Что есть блок, а что обертка, думаю вам не надо объяснять.

505

6666

1 апреля 2012, 08:30

#18

Там гимор, разумеется, не в % или фиксах. Там гимор в том, что в один ЦСС забито несколько разных шаблонов...

Спасибо, буду пробовать. Думаю найду.

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .

218

DiAksID

1 апреля 2012, 08:33

#19

уточнение, что б была понятнее взаимосвязь параметров:


#primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}

#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
}

26.4 = 7.6 + 18.8

т.е. для блока сайдбара устанавливаете новую ширину и отступ => потом для блока контетна устанавливаете отрицательный отступ справа на их сумму (имхо: лучше всё же на пару десятых % сделать его больше этой суммы что бы не напароться на неудачное округление к пикселям)

show must go on !!!...

78

WebGomel

1 апреля 2012, 08:34

#20

<body class="archive category category-100500666 category-1 custom-background single-author two-column left-sidebar">

и поэтому в <div id="secondary" действует то правило, которое в .left-sidebar #secondary а не просто #secondary

тут для всего body задан класс left-sidebar, потому что сайдбар может быть и правым

left-sidebar это не стиль сайдбара, это класс всей страницы

Помощь в фильтрации ботов Google AdSense - Вопросы Помогите разобраться с header

Переиграть и победить: как анализировать конкурентов для продвижения сайта

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Помогите с CSS WP 2011 (короткий вопрос)