Проблемы с версткой, нид хелп

[skygazer]

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

Есть некоторые проблемы, а именно:

В хроме страница отображается некорректно, не до самого низа окна браузера.

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

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

Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал.

upd: Отключайте адблок, верхнюю рекламу он блокирует. Значит к успеху иду, раз адблок мои рекламы блочит

Edited February 14, 2012 by skygazer

[Arinden]

Я думаю, что всё очень мелко. Это невозможно читать.

Пустое место под сайтом не только в хроме, но и в опере тоже. В других не смотрел. Возможно, оно образуется за счёт футера. Сейчас ещё посмотрю.

В опере подписка на новости не влезает полностью.

Фуууф, нашёл. Удаляем min-height:1000px; из style.css для html, body { }

Edited February 14, 2012 by Arinden

[skygazer]

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

Edited February 14, 2012 by skygazer

[ablay2009]

Как это вообще - резиновый по вертикали? А сайт бывает еще и фиксированным по вертикали?

[Arinden]

А для чего сделана резина по вертикали? Футер всегда прижат к низу браузера, но в чём такая необходимость иметь его всегда "под рукой" (другое дело иметь главное меню вверху экрана, посмотрите сайт ведомостей, от этого может быть польза, да)? По мне так резина по горизонтали куда более необходима. И то, вот у вас сайт по ширине 1000px. Это влезет даже на монитор с разрешением 1024 х 768 px. Как раз 1000 пикселей + ширина скролл бара. А вот вертикальная резина закрывает контент, тоесть идея в том чтобы скролл бар был не браузеровский, а исключительно для контента? А если бы у меня был монитор 1024х768 мне бы было ещё неудобнее всё это просматривать. Не знаю, не вижу проблемы делать сайт длиннее высоты экрана.

Edited February 14, 2012 by Arinden

[skygazer]

Как это вообще - резиновый по вертикали? А сайт бывает еще и фиксированным по вертикали?

Ну я делал макеты один к одному, то есть фиксированного размера. Так что у меня да, бывают

Меня не одобрили, сказали плохо так.

[sigma77]

Ну я делал макеты один к одному, то есть фиксированного размера. Так что у меня да, бывают

Меня не одобрили, сказали плохо так.

По высоте сайты в 99% случаях не ограничивают.

У тебя сейчас весь текст "слипшийся". Читать такой невозможно.

[skygazer]

Я осознал, что мою верстку резиновой с трудом назвать можно.

Можно мне с этого сайта пример брать, ничего криво не пойдет?

То есть по сути размер всех основных блоков не обязательно указывать в процентах? Ну wrapper, там, container, body, понятно что придется.

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

Edited February 14, 2012 by skygazer

[skygazer]

Это мой самый страшный резиновый кошмар. Достаточно трудно дается. Все эти min-width-height, просто height, я не знаю когда остановиться, и где не надо задавать 100%

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

нашел интересный комментарий по этому поводу

В большинстве случаев в «резине» нет никакой необходимости. Более того, применение «резины» не к месту снижает удобство использования. Длинные сопли строчек, растянутые на 1600 пикселей, читать просто неудобно.

При том, что очень многие люди, чтобы их не отвлекали иконки и другие окна, разворачивают браузер на всю ширину.

Правильное применение резины, например, это помещение большего количества товаров на «витрину» интернет-магазина.

Edited February 15, 2012 by skygazer

[Vin]

То есть по сути размер всех основных блоков не обязательно указывать в процентах? Ну wrapper, там, container, body, понятно что придется.

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

По высоте вообще можно ничего не тянуть, это не SVG с полным вектором. По ссылке вообще ничего не тянется, кроме фона. Делаешь ширину в процентах, высоту в пикселях. Только wrapper'у задаёшь max-width.

[skygazer]

Ну вроде поправил, выглядит гораздо лучше.

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

[Yazon_Nile]

Не знаю, что ты хочешь услышать) Много ошибок. Точнее так - неверных решений. Могу рассписать, если интересно.

[ablay2009]

Не знаю, что ты хочешь услышать) Много ошибок. Точнее так - неверных решений. Могу рассписать, если интересно.

Собственно, человеку не оценка нужна

[Yazon_Nile]

1 Даже при минимальном зуме есть вертикальный скролл. Потому что у тебя высота футера 135пк, а ты его вытянул маржином лишь на 125 пк.

2 Структура хедера неправильная, причем в корне . Подобные вещи реализовываются так:

http://imagepost.ru/?v=nazvi-1_2.jpg

Черная рамка - айдишник. Красная - класс. Вообще без позишн абсолют и тд. - Много лишнего пропадет, когда так сверстаешь. Всякие дикие боковые маржины и тд.

3 класс web не нужен. Можно и без него.

4 Если нужно одну колонку поставить рядом с другой - используй флоат с шириной!!! Никаких огромных боковых маржинов.

Вообще, посишн абсолют используется только для элементов, которые ну явно никак не зависят от других елементов на странице. Которые "сами по себе".

5 p>span.head bold - это заголовок

6 У тебя классы висят почти на всех элементах. Это ппц) Можно обращаться и через родителя) К примеру, вместо того, чтобы создавать класс textЮ на котором висит лишь цвет и размер шрифта можно эти стили повесить на родителя. Все. Никакого класса, никаких лишний записей.

7 Нижняя форма. Вместо верхний и нижний отступов у елементов - паддинги на родителя.

до футера не дошел, но думаю и так так же "весело".

Не знаю, то ли ты хотел услышать.. но вот. Чем смог))

Edited February 15, 2012 by Yazon_Nile

[skygazer]

Собственно, человеку не оценка нужна

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

Потому что у тебя высота футера 135пк, а ты его вытянул маржином лишь на 125 пк

Ой, не досмотрел. Так не было задумано, конечно же

Edited February 15, 2012 by skygazer