часть дива должна прятаться за экран

Тема в разделе "Верстка", создана пользователем duncan, 27 окт 2012.

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

    duncan батяр з личакова

    Регистр.:
    10 апр 2007
    Сообщения:
    1.596
    Симпатии:
    441
    и скорее всего -- с помощью джейквери.

    [​IMG]

    широкий общий блок (черная рамка), если откроют страницу на маленьком экране, то что бы часть красного блока пряталась за края экрана
    другими словами, чтобы не появлялась горизонтальная прокрутка.
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    для body в стилях пропиши
    HTML:
    overflow-x:hidden;
     
    пупер нравится это.
  3. duncan

    duncan батяр з личакова

    Регистр.:
    10 апр 2007
    Сообщения:
    1.596
    Симпатии:
    441
    спасибо, но оно обрезает тогда справа, а нужно слева
     
  4. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    у тебя вообще какая цель поставлена? Адаптивную верстку забацать? Тогда лучше использовать медиа квери, а не велосипеды.
     
  5. Delfi

    Delfi Создатель

    Регистр.:
    16 июн 2011
    Сообщения:
    45
    Симпатии:
    11
    Не совсем кросбраузерно, opera не кушала.
    Но в итоге да - лучше описать саму задачу.
     
  6. fezilk

    fezilk Создатель

    Регистр.:
    1 ноя 2008
    Сообщения:
    15
    Симпатии:
    1
    Код:
    float:right;
    overflow-x: hidden; 
    Если вдруг кому понадобится - я делал так.
     
  7. alexstorm

    alexstorm Писатель

    Регистр.:
    22 дек 2012
    Сообщения:
    1
    Симпатии:
    0
    Немного не корректная запись для таких целей.

    В данном случаи нужно действительно видеть полноценную картину.
     
  8. mukval

    mukval Создатель

    Регистр.:
    11 мар 2007
    Сообщения:
    35
    Симпатии:
    5
    Не понял что вы имели ввиду
     
  9. Stas-P

    Stas-P

    Регистр.:
    7 сен 2013
    Сообщения:
    165
    Симпатии:
    126
    Я думаю подразумевалось нечто похожее на это

    Если размер окна браузера менять, то видно, что подсолнух и кукуруза выходят за пределы экрана.

    Это сделано следующим способом:
    1) общий блок (черная рамка) - должен по любому помещаться в размер окна, иначе будет прокрутка + position: relative;
    2) красный блок - помещаем в черный и делаем смещение красного влево left: -260px; и не забываем, что он должен быть position: absolute;

    Вот как-то так :D