резиновый шаблон 80%

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

  1. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    class="circle" к элементу, а стили в css файл.
     
  2. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите пожалуйста Как сайт с резиновой вёрсткой 90% сделать по середине окна браузера ?
    Так получается что если окно браузера меньше или равно максимальной ширене сайта то сайт расположен по середине А если окно браузера больше чем максимальная ширина сайта то с права образуется большой отступ!?
     
  3. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    diki, примените css свойство margin: 0 auto; к элементу с шириной 90%
     
  4. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    margin:0 auto;
    стоит неработает
     
  5. a22432
    Offline

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

    Регистрация:
    21.01.2009
    Сообщения:
    11
    Симпатии:
    0
    Пол:
    Мужской
    Вот это вопросы ... =O
     
  6. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    Значит не к тому элементу применили. Посмотрите внимательно или давайте адрес сайта или же кусок кода css для элемента с шириной 90%
     
  7. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Сайт вроде к нужному применил
     
  8. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    все правильно, только нужно подправить в templates/portfolio/css/template.css
    Код (CODE):
    1. /*строка 131*/
    2.  
    3. #all {
    4. min-height: 100%;
    5. margin-top: 10px;
    6. margin-left: 0px;
    7. padding: 20px 20px 40px 20px;
    8. background-color: white;
    9. overflow: hidden;
    10. }
    11.  
    12.  
    13. /*стр 115*/
    14.  
    15. #zed {
    16. background-color: #CCC;
    17. text-align: center;
    18. padding-top: 15px;
    19. height: 80px;
    20. }
    21.  
    22.  
    23. /*стр 147 */
    24.  
    25. #footer {
    26. position: relative;
    27. margin-top: -220px;
    28. margin-bottom: 0px;
    29. margin-left: 0px;
    30. height: 55px;
    31. background: url(../images/3+.png) repeat;
    32. }
    33.  
    34.  
    35. /*стр 123 */
    36.  
    37. #zed1 {
    38. background-color: white;
    39. height: 60px;
    40. margin: 0 auto;
    41. position: relative;
    42. }
     
  9. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Поправил Результата нет всё также при разрешении экрана 1600 пикселей и более с правой стороны отступ больше
     
  10. vesy
    Offline

    vesy специалист

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

    Код (CODE):
    1. стр 107
    2.  
    3. #boks {
    4. position: relative;
    5. min-height: 100%;
    6. height: 0 auto;
    7. margin-left: 250px;
    8. padding: 0;
    9. overflow: hidden;
    10. z-index: 2;
    11. }
    12.  
    13. стр 150
    14.  
    15. #footer {
    16. position: relative;
    17. margin: -230px auto 0;
    18. height: 55px;
    19. background: url(../images/3+.png) repeat;
    20. }
     
  11. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Поправил
    не совсем то получилось
     
    Последнее редактирование: 20.02.2012
  12. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    попробуйте почистить кэш в браузере. У меня центрируется
     
  13. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Да теперь он тянится Но мне нужно чтобы Максимальный размер сайта был не более 1300рх а остальное пространство поровну с права и с лева
    Максимальный размер нужен чтобы количество блоков в строку умещалось максимум 4 Теперь получается их умещается 5 Можно конечно задать определённое количество блоков в строку но тогда отступы между блоками получаются большими
    Хотелось бы чтобы Максимальный размер сайта был 1300рх Если окно браузера меньше то сайт бы сжимался минимум до 800рх Это то что у меня было
    Былобы здорово если сайт с максимальной шириной 1300рх распологался по середине экрана браузера при разрешении экрана 1600рх и более
    Такое возможно сделать?
     
  14. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    50 стр
    Код (CODE):
    1. #contener {
    2. position: relative;
    3. margin: 0 auto;
    4. min-width: 800px;
    5. width: 90%;
    6. min-height: 100%;
    7. max-width: 1300px;
    8. }
     
    diki нравится это.
  15. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо огромное!
     
  16. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    просто поставьте "+" в репутацию;)
     
  17. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    vesy Здравствуйте! подскажите пожалуйста как закрепить подвал снизу окна браузера? Единственное что смог сделать закрепить его только в опере В других браузерах не срабатывает!?
     
  18. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    templates/portfolio/css/template.css стр 66
    Код (CODE):
    1. #sideRight {
    2. position: relative;
    3. min-height: 100%;
    4. height: 100%;
    5. margin-left: 250px;
    6. padding: 0;
    7. overflow: hidden;
    8. z-index: 1;
    9. }
     
  19. Offline

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

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    теперь подвал перекрывает блоки и часть контента не видно там где много
     
    Последнее редактирование: 26.02.2012
  20. vesy
    Offline

    vesy специалист

    Регистрация:
    02.07.2010
    Сообщения:
    263
    Симпатии:
    53
    Пол:
    Мужской
    Тогда найдите в начале template.css и измените
    Код (CODE):
    1. html, body {
    2.   margin: 0px;
    3.   padding: 0px;
    4.   min-height: 100%;
    5.   width: 100%;
    6.   }


    И еще: закройте ">" в <body>
     

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

Загрузка...