Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> помогите разобраться с эластичной версткой, не получается эластичная верстка 
:(
    Опции темы
xrustic
Дата 24.1.2012, 21:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 14.1.2010

Репутация: нет
Всего: нет



сверстал шаблон  http://test.privilegia66.ru/,  но  верстка получилась не эластичная.
суть в том, что на любоммониторе с любым разрешением должно отображаться одинаково.
посмотрите кто умеет своим опытным взглядом. что я не так делаю.
файл со стилями прилогаю прилагаю.

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  ______styles.txt 9,99 Kb
PM MAIL   Вверх
liliana2
Дата 25.1.2012, 11:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет



сразу что первое бросается в глаза это не резиновость по высоте (фон документа почемуто черный - зачем?)
И на эту тему для начала хочется дать почитать это:
http://softwaremaniacs.org/blog/2006/06/14/css-layout-flex/
---
Скорее всего после прочтения вы сами без труда разберетесь в своей проблеме.
PM MAIL ICQ   Вверх
Deadcow
Дата 4.2.2012, 14:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 51
Регистрация: 14.5.2008
Где: Москва

Репутация: нет
Всего: нет



Всё изначально сверстано не правильно (если смотреть в плане "резиновости"), все блоки фиксированной ширины и сам макет не предполагает маштабирования. В первую очередь пересмотрите макет. В первую очередь - огромный не маштабируемый слайдер с перечислением "достоинств компании", который в общем то не оправдывает своего функционала (как слайдер). Он в любом случае не позволит сделать резины и на маленьких ноутах, не говоря уже о планшетниках и смартфонах - превратит просмотр сайта в пытку. 

Потом - пропорциональное маштабирование не подходит (пропорциональное уменьшение блоков), поэтому нужно продумать макет и реализовать его плавающими блоками. Например - блок со списком "Зарегистрировать организацию, ИП, Ликвидировать организацию и т.д." и блок с текстом располагаются друг за другом. Можно сделать так, что бы при уменьшении разрешения второй блок "падал" под первый, при этом блок со списком мог бы занимать всю ширину.. таким образом можно оптимизировать макет до идеального отображения на разных устройствах, НО можно пойти другим путём -

можно смоделировать совершенно разные макеты под разные разрешения экранов. Часто делают три макета - для больших экранов, для планшетников и для смартфонов, реализовать всё переключением css файла в зависимости от ширины рабочей области браузера. Таким образом, всё тот же сайт на самых маленьких экранах можно переверстать вообще без графики (или оставив маленьких логотип), с большими текстовыми ссылками и аккуратными текстовыми блоками. Информацию о том, как это можно реализовать тут

Еще вы можете посмотреть, очень интересный jQuery плагин, который позволяет пропорционально разрешению маштабировать любой контент, но вы должны понимать, что опять же без переделки макета он вам не подойдет (иначе, если просто уменьшить ваши блоки текста, например, раза в два - они станут нечитаемыми)
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0384 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.