Проблемы с footer и menu

[Вадим]

В общем несколько траблов.

1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки

2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать?

3. Footer должен идти повторяющейся волной.

В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html

И макет сайта: www.w3u.ru/000.jpg

p.s. линия под футером появляется только на больших экранах

Edited September 1, 2009 by Вадим

[Вадим]

волну цепляйте на div#ftr. оставляйте для нее паддинг (в пикселях по высоте волны). Внутри блок центрированный с вашим текстом

или не центрированный

line это лишний блок

сделал. все равно. покажите результат как у вас получилось.

по идеи здесь проблема в том, что bg.gif тупо заканчивается и идет заливка в body.

[mishka]

cnt - тянется по высоте и отталкивает ftr.

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

line - это уберите. Все остальное оставьте как есть

.wrap зачем вам этот пустой блок внизу страницы на абсолюте?

[psywalker]

Вот кстати если что, то страница каталога, нужно, забирай код

http://psywalker.ru/SAITS/Lotos/catalog.html Протестите сначала!

[mishka]

если на главной добавить больше текста в cnt то получается очень плохо

Это потому что на боди картинка бг короткая

Вот кстати если что, то страница каталога, нужно, забирай код

Непонял зачем код? Кому?

[psywalker]

На главной не должно быть контента, потому что бабе нельзя опускаться, по задаче она всегда должна смотреть на Колье. А посмотри каталог страницу плиз http://psywalker.ru/SAITS/Lotos/catalog.html

Вот кстати если что, то страница каталога, нужно, забирай код

Непонял зачем код? Кому? smile.gif

Ну как, ведь Вадим не может с футером разобраться на странице Каталог, вот я разобрался и отдаю код, главное протестить

Edited September 2, 2009 by psywalker

[mishka]

Все ок, толькоя и непонял смысл использования пустых блоков. Я невижу их логичного применения здесь.

[psywalker]

Все ок, толькоя и непонял смысл использования пустых блоков. Я невижу их логичного применения здесь.

Да просто изначально не знали задачу, набросали варианты, а убирать за собой не хотим

[Вадим]

траблы продолжаются. глюки с футером (серая полоска), li в сафаре почему-то склеились...

[mishka]

Чудак человек, я те говорю высоту блока с волной в пикселях задай. Верстаеш на емах молодец (путей мы легких не искали) но тогда понимай работу этого явления. Во всех браузерах масштабируется вся картинка вместе с бекграундом. В сафари масштабируется только размер шрифта, а 1em=размер шрифта в браузере. По дефолту 16px(например ff). В сафари ты увеличиваешь размер шрифта и все твои емы увеличиваются, а бг то немасштабируется...

Я попытался максимально детально разъяснить.

[psywalker]

Чудак человек, я те говорю высоту блока с волной в пикселях задай. Верстаеш на емах молодец (путей мы легких не искали) но тогда понимай работу этого явления. Во всех браузерах масштабируется вся картинка вместе с бекграундом. В сафари масштабируется только размер шрифта, а 1em=размер шрифта в браузере. По дефолту 16px(например ff). В сафари ты увеличиваешь размер шрифта и все твои емы увеличиваются, а бг то немасштабируется...

Я попытался максимально детально разъяснить.

Да лана те, дело не в ЕМАХ, успокойся, там просто изначально делали неправильно, вёрстка сама кривая, на то были причины

[mishka]

Дело в том что высота в ем. А бг не масштабируется. В ие та же проблема если размер шрифта менять

Я неговорю: "все на пиксели меняй". Я говорю только блок с волной

[psywalker]

да нельзя делать фикс подвал, пойми, темболее мы уже всё исправили, вот глянь, есть косяки? http://psywalker.ru/SAITS/Lotos/main-page.html

[mishka]

В FF2 я несмотрел, но уверен что и там такая проблема

[psywalker]

погоди, ты мою ссылку проверил?

[mishka]

какой смысл в

div#ftr div.line {
position:relative;
left:0;
top:0;

просто позишн релейтив без лефт топ нельзя?

Абсолютом книзу его прибейте и высоту в пикселях блин 4й раз повторил "в пикселях"

погоди, ты мою ссылку проверил?

грузится... у меня инет не шустрый

Посмотрел. Есть полоска. При увиличении

С менюхой вроде все ок

[psywalker]

Медведь, а протести как следует вот этот Код пожалуйста дружище http://psywalker.ru/SAITS/Lotos/test.html Если нормал, тогда и будем его за каркас брать, а то мы уже запарились верстать эту хрень)))

Edited September 2, 2009 by psywalker

[mishka]

Появляется полоса.

Почему нехотите воспользоватся моим советом:

div#ftr div.line {
background:transparent url(../img/ftr.png) repeat-x scroll left top;
height:60px;
left:0;
position:absolute;
bottom:0;
z-index:7;
width:100%;
}

угу понял там несовсем все будет работать...

Edited September 2, 2009 by mishka2

[psywalker]

стой, где полоса, это новый код http://psywalker.ru/SAITS/Lotos/test.html ???

угу понял там несовсем все будет работать...

В том то и дело, но это старый код, забей на него, протести именно вот этот каркас http://psywalker.ru/SAITS/Lotos/test.html

Edited September 2, 2009 by psywalker

[mishka]

будет работать если div#ftr паддинг внизу 60 px сделать

протестил. Есть полоска...

оставьте старый хтмл, а в цсс внесите те изменения что я предложил и все бу ок

[psywalker]

где полоска??? где ты её видишь?

[mishka]

полоса в сафари при увеличении размера шрифта. В ие запас достаточный, полоски не появляется. Но в сафари не 5 позиций размера шрифта, он там намного сильнее масштабируется

[psywalker]

Я ща сделаю побольше волну по высоте, чтобы Сафари победить и всё, тогда будут ещё предъявы?

[Вадим]

Появляется полоса.

Почему нехотите воспользоватся моим советом:

div#ftr div.line {
background:transparent url(../img/ftr.png) repeat-x scroll left top;
height:60px;
left:0;
position:absolute;
bottom:0;
z-index:7;
width:100%;
}

угу понял там несовсем все будет работать...

сделал. футер вообще пропал.

[psywalker]

Всё, ППЦ вашему сраному Сафари, тестите http://psywalker.ru/SAITS/Lotos/test.html

[mishka]

да что же вы за гореверстальщики. Принципиально пиксели откидаете. Но какой в этом смысл? Если в данной ситуации они будут более логичны. Всеравно сафари и ие несмасштабируют бг, а всем остальным браузерам пофиг

сделал. футер вообще пропал.

Дай линк посмотреть

Ты же еще паддинг нижний родителю сделай в 60px