Joomla 1.5 Как адаптировать шаблон под разные размеры экрана монитора

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем ptichka, 04.07.2011.

  1. Offline

    ptichka Недавно здесь

    Регистрация:
    04.07.2011
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Женский
    Подскажите, пожалуйста, проблема у меня такого рода - когда конструировала свой первый сайт, не знала о проблемах с разными расширениями. Выбрала шаблон, сверстала, вывела в интернет, и только потом обнаружила, что на маленьких экранах сайт кривит, а именно - правое меню уплывает вниз. Проблемы с отображением также возникают, когда сворачиваешь в окно браузер. Мучаюсь над решением уже не первую неделю, но никакие из моих действий не помогают привести сайт к нормальному виду.
    Адрес сайта: http://azimut-club.com
    Файл CSS прикреплен внизу сообщения.
     

    Вложения:

    • styles.rar
      Размер файла:
      3 КБ
      Просмотров:
      7
    Последнее редактирование: 04.07.2011
  2.  
  3. Offline

    zion148 Недавно здесь

    Регистрация:
    19.01.2012
    Сообщения:
    5
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте, cвой первый сайт строил на ноутбуке с разрешением 1366х768, отображается корректно все ок. Захожу с другого компа с разрешением 1024х768 контент сдвигается вправо за пределы допустимого шаблона. Помогите разобраться. Сайт regionimport.ru
    Спасибо.
     
  4. Offline

    fanatikus Недавно здесь

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Смотрел сайт, ничего не уплывает, просто появляются полосы прокрутки.
     
  5. Offline

    zion148 Недавно здесь

    Регистрация:
    19.01.2012
    Сообщения:
    5
    Симпатии:
    1
    Пол:
    Мужской
    Отпишусь как решил,для тех кому вопрос тоже интересен и непонятен.
    Внес строчку данную в container_2 в файл templates/папка шаблона/css/templates.css
    вот что вышло:

    #container_2 {
    min-width:1100px;
    width:100%
    text-align: left;
    margin: 0 auto;
    background: none;

    А первый раз прописал в #container_1 { ничего не вышло.
    Теперь текст отображается правильно.
    Сайт www.regionimport.ru

    Проблема как подправить слайдер?
    На мониторах 3:4 с разрешением 1024х768 он выходит за рамки, а на 1366х768 все ОК.
     
  6. Offline

    fanatikus Недавно здесь

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Можно попробовать так

    Код (CODE):
    1. #slider-container21   { width: 100%}
    2.  
    3. #djslider-loader21    {width: 100%}
    4.  
    5.  
    6.  
    7. #djslider21  { width: 71%}
     
    Последнее редактирование: 19.01.2012
    zion148 нравится это.
  7. Offline

    zion148 Недавно здесь

    Регистрация:
    19.01.2012
    Сообщения:
    5
    Симпатии:
    1
    Пол:
    Мужской
    В каком файле искать данные строчки, перебрал почти все так и не нашел...
     
  8. Offline

    fanatikus Недавно здесь

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Я смотрел в фаербаг. Обычно там пишется, в каком файле стиль, а на этом сайте, вместо файла указывается адрес сайта. Честно говоря, я с таким не сталкивался. Я думаю, нужно искать в файлах слайдера.
     
  9. Offline

    dimos87 Недавно здесь

    Регистрация:
    02.03.2010
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте. Вот сделал сайт, только под конец работы обнаружил, что в разных браузерах разрешение экрана сайта разное. Как сделать, чтобы оно было одинаково хотя бы в IE, Google Chrome, Mozilla, Opera, Safari? CSS файла прикладываю. Шаблон делал прогой Artisteer. Заранее спасибо за помощь
     

    Вложения:

    • template.txt
      Размер файла:
      37.9 КБ
      Просмотров:
      1
  10. Offline

    5baloov Недавно здесь

    Регистрация:
    01.08.2012
    Сообщения:
    32
    Симпатии:
    0
    Пол:
    Мужской
    ребят помогите пожалуйста с этой проблемой, вот сайт но при разных разрешениях все ломается ((
    http://w.nr.ru./
     

Поделиться этой страницей

Загрузка...