Как убрать отступ справа у всего сайта

Тема в разделе "Верстка", создана пользователем BingoS, 1 ноя 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. BingoS

    BingoS Постоялец

    Регистр.:
    17 окт 2007
    Сообщения:
    88
    Симпатии:
    6
    Добрый день! Есть сайт магазина coral-yug.ru

    Если заходить с ПК то по верстке все ок. Если зайти с телефона или планшета, то справа появляется отступ. Как его убрать ?
     
  2. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107
    Странная верстка, зачем в css 2 разных #wrapper, дело похоже в нем.
    Код:
    #wrapper {
        width: 100%;
        min-width: 977px;
        max-width: 100%; - Зачем вот это?
        min-height: 100%; - И вот это?
        height: auto !important; - При том что тут это
        height: 100%; - и еще это )
    }
    
    #wrapper {
        padding-bottom: 140px;
        background-image: url("../image/raund.jpg");
        background-position: center center;
        min-width: 977px;
        }
    
    Я бы оба стер и написал:
    Код:
    #wrapper {
        width: 100%;
        min-width: 977px;
        margin: auto;
        padding-bottom: 140px;
        background-image: url("../image/raund.jpg");
        background-position: center center;
    }
    
    Но это все придирки а причина похоже вот в чем:
    В body min-width: 1000px;
    А в обех wrapper: 977px;
    Код:
    body {
        font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
        height: auto !important;
        min-height: 100%;
        min-width: 1000px; !!!!!!!!!
        position: relative;
    }
    
    И
    
    #wrapper {
        width: 100%;
        min-width: 977px; !!!!!!!!!!!!!
        max-width: 100%;
        min-height: 100%;
        height: auto !important;
        height: 100%;
    }
    
    и
    
    #wrapper {
        padding-bottom: 140px;
        background-image: url("../image/raund.jpg");
        background-position: center center;
        min-width: 977px; !!!!!!!!!!!
    }
     
    BingoS нравится это.
  3. BingoS

    BingoS Постоялец

    Регистр.:
    17 окт 2007
    Сообщения:
    88
    Симпатии:
    6
    Спасибо большое с враппером это моя ошибка, а вот в боди прописал 977px, что-то не помогло :(
     
  4. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    483
    Симпатии:
    288
    Код:
    #slides {
        display: block;
        margin: 4% 0 0 10%;
        position: relative;
        width: 977px;
    }
    margin убери или поправь
     
    BingoS нравится это.
  5. BingoS

    BingoS Постоялец

    Регистр.:
    17 окт 2007
    Сообщения:
    88
    Симпатии:
    6
    Спасибо, реально оно! Теперь ломаю голову. как слайдер выровнять, походу криво я его сверстал.
     
  6. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    483
    Симпатии:
    288
    Код:
    #column-right {
        margin: auto;
        padding-left: 200px;
        width: 977px;
    }
    Отступ слева добавь
     
    BingoS нравится это.
  7. BingoS

    BingoS Постоялец

    Регистр.:
    17 окт 2007
    Сообщения:
    88
    Симпатии:
    6
    не это точно не подходит, проверил, отступ еще больше становится, надо как-то по другому
     
  8. dukeeee

    dukeeee Создатель

    Регистр.:
    1 ноя 2013
    Сообщения:
    10
    Симпатии:
    0
    #slides { display: block; margin: 4% 0 0 10%; position: relative; width: 977px;
     
  9. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    А что Вас не устроило в варианте, с:
    Код:
    #slides { display: block; margin: 4% 0 0 10%......
    ?
    При margin: 2% 0 0 10% всё встаёт на свои места в разных мобильных браузерах.
    Только в:
    Код:
    #slides .slidesNext {
      background: url("../image/navigation-next.png") no-repeat scroll 0px 0px transparent;
      left: 82%;
    }
    Скроллер лучше подвинуть ещё вправо, а то он частично закрывается при смене слайда.
    left: 84%; - в самый раз.
     
  10. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    483
    Симпатии:
    288
    в body добавь background-color: #FFFFFF; на первое время сойдет