Не получается выровнять по центру заголовок на чердаке

[Vodnik]

Добрый день!

Резиновый дизайн, чердак фиксированной высоты, слева - колонка фиксированной ширины, остальные размеры и контент - резиновые. Шаблон:

 

Пример страницы: http://www.vodnik.narod.ru/alps1/index7.htm

 

Использовал шаблон на divax, дизайн работает, как я и хотел, но выровненный по центру заголовок на чердаке получается смещённым вправо на ширину левой колонки относительно контента, некрасиво. Подскажите, можно ли поправить средствами html и css? 

 

 

PS: Меня устроил бы и такой дизайн, но тогда заголовок смещён влево относительно контента:

[Нарек]

H1 {    padding-right: 120px;}

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

[rus]

уберите у:

#header-wrapper {    height: 100px;    left: 0;    padding-bottom: 0;    padding-left: 120px;    padding-right: 0;    padding-top: 0;    top: 0;    width: 100%;}

    padding-left: 120px;

[Sergik+]

Wordpress самое то под такой дневник.

[advokatua]

пожалейте ваших посетителей. Уберите фото-фон у текста и сделайте основную колонку резиновой до 800-900px. 

Edited May 18, 2015 by advokatua

[Vodnik]

  On 5/18/2015 at 3:45 PM, rus said:

уберите у:

#header-wrapper {    height: 100px;    left: 0;    padding-bottom: 0;    padding-left: 120px;    padding-right: 0;    padding-top: 0;    top: 0;    width: 100%;}

    padding-left: 120px;

Тогда влево уезжает. Добился результата при padding-left: 60px. Правда, при сильном сужении окна слова в заголовке поздно начинают переноситься.

http://vodnik.narod.ru/alps1/index7.htm

Спасибо!

  On 5/18/2015 at 6:49 PM, advokatua said:

пожалейте ваших посетителей. Уберите фото-фон у текста и сделайте основную колонку резиновой до 800-900px. 

Пожалел. Фон убрал. Стоит ли ограничивать растяжение? Ведь пользователь сам может выбрать удобную ширину. Если стоит, то подскажите как.

http://vodnik.narod....lps1/index7.htm

Edited May 18, 2015 by Vodnik

[afdw]

Обернуть всё, что сейчас в body, в div и задать следующие стили:

max-width: 1000px;margin: auto;

[Vodnik]

  On 5/18/2015 at 2:34 PM, Нарек said:

H1 {    [quote name='Нарек' timestamp='1431959679' post='354257'] H1 { padding-right: 120px; } P.S. После просмотра сайта мне пришлось снять линзы, помыть, и обратно надевать.. [/quote] }

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

 

Спасибо, помогло!

http://www.vodnik.narod.ru/alps1/index7.htm

Чем я могу помочь пользователям с линзами?

 

  On 5/18/2015 at 8:15 PM, afdw said:

 

Обернуть всё, что сейчас в body, в div и задать следующие стили:

max-width: 1000px;margin: auto;

Что-то не помогло....

Edited May 18, 2015 by Vodnik

[advokatua]

в стили добавить

#content {  max-width: 900px;}

1000px это уже много. Идеальный вариант для чтения, когда в строке умещается не более 12 слов.

[Vodnik]

  On 5/18/2015 at 10:25 PM, advokatua said:

1000px это уже много. Идеальный вариант для чтения, когда в строке умещается не более 12 слов.

Почему-то дизайн этого форума не следует этому правилу... 

[advokatua]

Так нигде и не сказано, что этот форум сделанным по идеальным стандартам. Это первое.
А второе - попробуй запостить стену текста тут и ты сам все поймешь, а если нет, то помогут понять остальные.

Edited May 19, 2015 by advokatua