Проблема с футером и экста пустым местом справа

[rusmn]

Всем привет!

Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body.

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

Вот собственно сайт: http://choiceimaging.co/

Заранее спасибо

[SelenIT]

  Quote

.topbg {

...

padding: 15px 0 0 35px;

width: 100%;

...

Это и распирает. Паддинг же плюсуется к ширине (если не задействовать box-sizing из CSS3)...

[swetlana]

насчёт горизонтальной прокрутки:

.topbg {
padding: 15px 0px 0px 35px;
width: 100%;
}

естественно, ширина этого блока на 35px больше ширины окна. Вот и прокрутка.

А на счёт футера — тут мнение Светланы будет вряд ли для вас ценным ибо резко против самой идеи прижимания футера к низу до тех пор, пока в css для этого нет прямого способа.

[rusmn]

Понятно. А imaging-software заголовком как лучше посутпить, чтобы был на месте.

И еще как можно сделать навигацию чтобы бекграунд как бы наслаивался друг на друга

как на картинке

Как вобщем и с контентом там все едет при изменении размеров окна

Edited March 3, 2011 by rusmn

[swetlana]

  rusmn said:

Понятно. А imaging-software заголовком как лучше посутпить, чтобы был на месте.

так отцентрировать, задать ширину и выравнивание текста по левому краю.

  rusmn said:

И еще как можно сделать навигацию чтобы бекграунд как бы наслаивался друг на друга

как на картинке

как раз нечто подобное делаю на текущем проекте: http://yurd.tv/

Можно сделать так же.

[PanSoul]

Swetlana, а вот в вашем проекте так и задумывалось: что когда слегка наводишь на первое меню, то оно становится "недокрсным-недосерым"?

[psywalker]

  rusmn said:

Всем привет!

Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body.

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

Вот собственно сайт: http://choiceimaging.co/

Заранее спасибо

Путём долгого опыта прибивания футера разными способами я для себя определил вот этот - как самый лучший из всех других.

http://psywalker.ru/Forum/Footer_bottom/main.html

  PanSoul said:

Swetlana, а вот в вашем проекте так и задумывалось: что когда слегка наводишь на первое меню, то оно становится "недокрсным-недосерым"?

УЖАС!

[PanSoul]

  psywalker said:

Путём долгого опыта прибивания футера разными способами я для себя определил вот этот - как самый лучший из всех других.

http://psywalker.ru/Forum/Footer_bottom/main.html

Однако, такие методы ИМЕННО в Опере имеют баг!!!

Вот здесь Я предложил свою "тему" оптимального решения

[cssview]

Кстати по поводу верстки, убери пробел перед доктайпом. И еще непонятно, ты используешь XHTML или всё же HTML(HTML5). Ведь у тебя доктайп xhtml, а теги от html5.

[SelenIT]

  Quote

резко против самой идеи прижимания футера к низу до тех пор, пока в css для этого нет прямого способа

А это за таковой не катит?

Кстати, проверил в Опере 11 (WinXP) — упомянутый PanSoulом баг с отлипанием от края при растягивании уменьшенного окна не наблюдается (хотя в 9-й ветке был, помню)...

[PanSoul]

  SelenIT said:

А это за таковой не катит?

Кстати, проверил в Опере 11 (WinXP) — упомянутый PanSoulом баг с отлипанием от края при растягивании уменьшенного окна не наблюдается (хотя в 9-й ветке был, помню)...

у меня дома 10, а на работе 11 - и прилипает....

А вот твой метод- работает нормуль — возьму на "вооружение", спасибо

[swetlana]

  PanSoul said:

Swetlana, а вот в вашем проекте так и задумывалось: что когда слегка наводишь на первое меню, то оно становится "недокрсным-недосерым"?

нет конечно.

это явно какая-то несанкционированная ошибка.

Спасибо за замечание.

Там сейчас другие ребята мою вёрстку интегрируют, могли чего напутать.

При каких условиях такая ошибка возникает? В каком браузере?

Вообще, конечно, надо было дать ссылку на чисто мою работу, завершённую и отлаженную часть проекта.

[SelenIT]

  Quote

у меня дома 10, а на работе 11 - и прилипает....

Я про метод с display:table-footer-group и говорил. В 9-ке была проблема, в 11 нет. В варианте с position: absolute; bottom: 0, да, и в 11-ке "есть маленько"...

[rusmn]

Вроде бы все сделал за исключением навигации, которую надо сместить вправо и сделать по одной линии с лого. Если не затруднительно, подкиньте пару идей.

[psywalker]

  SelenIT said:

В варианте с position: absolute; bottom: 0, да, и в 11-ке "есть маленько"...

Вроде пофиксили Опера баг этот. Я его по крайней мере в 11-ой у себя не наблюдал, в отличии от 10 например, где этот баг есть.

[SelenIT]

psywalker, увы, не совсем. Только что перепроверил в 11.01 (сборка 1190) на Win7(32bit) — отлипает, если тянуть нижнюю границу окна вниз (если чуть двинуть ее же вверх или двигать за уголок, меняя ширину — всё ОК).

[psywalker]

  SelenIT said:

psywalker, увы, не совсем. Только что перепроверил в 11.01 (сборка 1190) на Win7(32bit) — отлипает, если тянуть нижнюю границу окна вниз (если чуть двинуть ее же вверх или двигать за уголок, меняя ширину — всё ОК).

Блин, и действительно. Вот хрень, а... Видимо этот баг у них не будет пофиксин никогда, так как уже с версии 9 люди в сапорт к ним ломились из-за этой проблемы, но раз они на неё забили и в 11 версии, то и дальше я предполагаю, что изменений не последует

[SelenIT]

Что-то меняется, кажется. В 9-й версии аналогичная беда была и с table/table-footer-group, теперь таблица вроде адекватно тянется. Авось в 13-й версии и для position:absolute фикс придумают, а где-нибудь в 21-й — и дробные проценты для ширины включат...

[psywalker]

  SelenIT said:

Что-то меняется, кажется. В 9-й версии аналогичная беда была и с table/table-footer-group, теперь таблица вроде адекватно тянется. Авось в 13-й версии и для position:absolute фикс придумают, а где-нибудь в 21-й — и дробные проценты для ширины включат...

Да уж, не раньше точно