Проблемы с 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 Вадим

[VJiK]

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

div.wrap { height: 20%; bottom: -20%; }

В этом проблема. Попробуйте задавать высоту в пикселях.

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

Задать тэгам LI в меню ширину в %.

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

Сделайте повторяющийся бэкграунд

[psywalker]

Ребят, протестируйте сайт, есть косяки? http://psywalker.ru/SAITS/Lotos/main-page.html

[mishka]

psywalker, это ваш подопечный?

ие6 развалился. Нет ни фильтров для пнг. Картинка (тетя) упала вниз. Как по мне так ее лучше прибить к низу bottom:0; чем top:(высота картинки)

Каталок изделий

Контактная информация - картинка закрыла ссылку, и она стала кликабельной только скраю.

Верстка на емах - это изврат... Но если клиент просит...

Новая коллекция - может это ссылка?

[Justnewone]

Верстка на емах - это изврат... Но если клиент просит...

Теперь аргументировано ) Снова Вы за свое.

[VJiK]

С футером - в FF полный порядок

[mishka]

По идее если блоку id="ftr" задать высоту, то картинка в ие6 должна стать на место...

[VJiK]

Верстка на емах - Это вы о чём?

[mishka]

Теперь аргументировано ) Снова Вы за свое.

А разве нет? Что хорошего в ней? Кроме кучи гемороя?

Только ради ие6, потихоньку уходящего в историю так извращатся...

Edited September 1, 2009 by mishka2

[VJiK]

А разве нет? Что хорошего в ней? Кроме кучи гемороя?

Я не пойму вообще о чём разговор... что значит "Верстка на емах"...

[mishka]

Верстка на емах - Это вы о чём?

это когда все размеры указаны в em (заметьте размеры не только шрифтов), и тогда достигается эффект в ие - при изменении размера шрифта меняет размер вся страница и ее компоненты (так как в опере при ctrl + скролл мыши)

[VJiK]

аааа.... em =)

А я голову сломал - что за емакс

[Justnewone]

это когда все размеры указаны в em (заметьте размеры не только шрифтов), и тогда достигается эффект в ие - при изменении размера шрифта меняет размер вся страница и ее компоненты (так как в опере при ctrl + скролл мыши)

Зато все пропорционально "дышит", разве не круто?

[VJiK]

psywalker, в ИЕ8 когда задаёшь больший размер шрифта - всё равно в футере появляется серая полоска.

[mishka]

круто только для ие6 в ие7 и выше это уже реализованно по типу как в опере. Так что круто браузер сменить

[VJiK]

Зато все пропорционально "дышит", разве не круто?

Бесспорно - это оч. хорошо

Но только воспользуются этим оч. мало людей, а сложность верстки возрастает многократно и опят же - далеко не каждый диз так можно сделать

[Justnewone]

круто только для ие6 в ие7 и выше это уже реализованно по типу как в опере. Так что круто браузер сменить

А что, в EM оно в опере как-то не так себя ведет? )))

[psywalker]

mishka2

1)

psywalker, это ваш подопечный?

Так получилось

2)

ие6 развалился. Нет ни фильтров для пнг. Картинка (тетя) упала вниз. Как по мне так ее лучше прибить к низу bottom:0; чем top:(высота картинки)

Забыл сказать, для ИЕ6 не версталось, и там проверять ненужно

3)

Контактная информация - картинка закрыла ссылку, и она стала кликабельной только скраю.

Вот это другое дело

4)

Верстка на емах - это изврат... Но если клиент просит...

А вот тут уже гонево, вёрстка на em для меня целая наука, у меня 98% всей вёрстки задано в em, и если посмотреть, я задаю их не только для размера шрифта, но и для блоков, элементов, ну и вообще всего на странице. Раньше не знал, как это офигенно, но далее долго тренировал умение, повышал навык, щас уже не могу по-другому, просто не признаю РХ. Видимо кто не поплавал в этом и не понимает, в чём кайф, тот всегда будет говорить, что em - это кал.

VJiK

Но только воспользуются этим оч. мало людей, а сложность верстки возрастает многократно

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

далеко не каждый диз так можно сделать

Я могу сделать любой Диз на em 100%, какой бы он ни был, опятьже сразу конечно ничего не выйдет, но упорные тренировки и куча потраченного времени даст о себе знать

Edited September 1, 2009 by psywalker

[VJiK]

psywalker, если можно - покажите парочку макетов на em.

[mishka]

em для шрифтов - это... я бы сказал правильно по отношению к пользователям которые используют ие.

Для блоков - теряет всякий смысл если браузер не ие6.

И то что это целая наука - это 100%

[psywalker]

psywalker, если можно - покажите парочку макетов на em.

да далеко ходить не надо, вот пару работ например, которые были предоставлены на этом форуме:

1) http://psywalker.ru/SAITS/Izoprint2/main-page.html

2) http://psywalker.ru/SAITS/Raira/main-page.html

Только учитывайте, что background не масштабируется, так что насчёт этого без предъяв. Смысл в том, что вёрстки сделаны полностью на em и эффект достигнут, полный кросс даже в ИЕ6

[mishka]

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

Этим хорош браузер ff2

Edited September 1, 2009 by mishka2

[VJiK]

mishka2 +1

Мне кажется в идеале верстку надо делать так:

ширина везде - в %

шрифты - в em

высота везде - в зависимости от контента

PS Понятно, что это не всегда возможно

[mishka]

Видно что вы обладатель монитора больше 17" так как во всех ваших работах на монике в 17" появляется горизонтальный скролл что мало приятно...

Так вот где этот загадочный сайт "раира" берет свои корни

Edited September 1, 2009 by mishka2

[VJiK]

http://psywalker.ru/SAITS/Raira/main-page.html - вот тут оч. хорошо всё изменяется в зависимости от размера шрифта. Отличная работа!

http://psywalker.ru/SAITS/Izoprint2/main-page.html - а вот здесь из-за проблем с бэкграундом - вся фишка сводится на нет... Сайт становится оч. неудобоваримым

[Justnewone]

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

ЕМ не масштабирует картинки и бекграунд. В опере масштабирование сайта на ем и пх совершенно одинаковое.

Сайт, сделаный, допустим, под 1024px ширины очень весело смотрица с гигантскими буквами в половину ширины "монитора-который-скоро-станет-самым-распространенным". Зайдите на любой статичный сайт монитором 1600 и крутаните колесо.

Вопрос конечно сложный, что тут лучше. Время покажет. Лично я в px верстаю только то, что завязано на ширину картинки. Тестовые блоки em.

Не зря НЕ дураки для НЕ дураков придумали НЕ глупость в виде min-width и max-width. Дали инструмент - пользуемся.

Edited September 1, 2009 by Justnewone