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

Discussion in 'Изменение шаблона (кастомизация)' started by ptichka, Jul 4, 2011.

  1. Offline

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

    Joined:
    Jul 4, 2011
    Messages:
    4
    Likes Received:
    0
    Gender:
    Female
    Подскажите, пожалуйста, проблема у меня такого рода - когда конструировала свой первый сайт, не знала о проблемах с разными расширениями. Выбрала шаблон, сверстала, вывела в интернет, и только потом обнаружила, что на маленьких экранах сайт кривит, а именно - правое меню уплывает вниз. Проблемы с отображением также возникают, когда сворачиваешь в окно браузер. Мучаюсь над решением уже не первую неделю, но никакие из моих действий не помогают привести сайт к нормальному виду.
    Адрес сайта: http://azimut-club.com
    Файл CSS прикреплен внизу сообщения.
     

    Attached Files:

    Last edited: Jul 4, 2011
  2.  
  3. Offline

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

    Joined:
    Jan 19, 2012
    Messages:
    5
    Likes Received:
    1
    Gender:
    Male
    Здравствуйте, cвой первый сайт строил на ноутбуке с разрешением 1366х768, отображается корректно все ок. Захожу с другого компа с разрешением 1024х768 контент сдвигается вправо за пределы допустимого шаблона. Помогите разобраться. Сайт regionimport.ru
    Спасибо.
     
  4. Offline

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

    Joined:
    Dec 1, 2011
    Messages:
    155
    Likes Received:
    12
    Gender:
    Male
    Смотрел сайт, ничего не уплывает, просто появляются полосы прокрутки.
     
  5. Offline

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

    Joined:
    Jan 19, 2012
    Messages:
    5
    Likes Received:
    1
    Gender:
    Male
    Отпишусь как решил,для тех кому вопрос тоже интересен и непонятен.
    Внес строчку данную в 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 Недавно здесь

    Joined:
    Dec 1, 2011
    Messages:
    155
    Likes Received:
    12
    Gender:
    Male
    Можно попробовать так

    Код (CODE):
    1. #slider-container21   { width: 100%}
    2.  
    3. #djslider-loader21    {width: 100%}
    4.  
    5.  
    6.  
    7. #djslider21  { width: 71%}
     
    Last edited: Jan 19, 2012
    zion148 likes this.
  7. Offline

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

    Joined:
    Jan 19, 2012
    Messages:
    5
    Likes Received:
    1
    Gender:
    Male
    В каком файле искать данные строчки, перебрал почти все так и не нашел...
     
  8. Offline

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

    Joined:
    Dec 1, 2011
    Messages:
    155
    Likes Received:
    12
    Gender:
    Male
    Я смотрел в фаербаг. Обычно там пишется, в каком файле стиль, а на этом сайте, вместо файла указывается адрес сайта. Честно говоря, я с таким не сталкивался. Я думаю, нужно искать в файлах слайдера.
     
  9. Offline

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

    Joined:
    Mar 2, 2010
    Messages:
    15
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте. Вот сделал сайт, только под конец работы обнаружил, что в разных браузерах разрешение экрана сайта разное. Как сделать, чтобы оно было одинаково хотя бы в IE, Google Chrome, Mozilla, Opera, Safari? CSS файла прикладываю. Шаблон делал прогой Artisteer. Заранее спасибо за помощь
     

    Attached Files:

  10. Offline

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

    Joined:
    Aug 1, 2012
    Messages:
    32
    Likes Received:
    0
    Gender:
    Male
    ребят помогите пожалуйста с этой проблемой, вот сайт но при разных разрешениях все ломается ((
    http://w.nr.ru./
     

Share This Page

Loading...