Игнорирование блоком разрешение экрана

Тема в разделе "Верстка", создана пользователем ultra, 2 апр 2014.

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

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    195
    Симпатии:
    269
    Серая область - рабочая область браузера (screensize, body?)
    Чёрный блок 1000px дефолтно находится в центре относительно body по width
    Если серая область будет менее width:1000px то чёрный блок прижмётся к краю серой области (изобразил верхним блоком)
    Внимание вопрос, как сделать, чтобы чёрный блок игнорировал серую область? (изобразил нижним блоком)

    [​IMG]

    PS как мог так объяснил, мог бы уложить вопрос в два слова - пошёл бы в http://ddg.gg/ :D
     
    Последнее редактирование: 2 апр 2014
  2. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    Сместить черный блок влево не подойдет? Например так http://jsfiddle.net/5fVLc/
     
  3. loasa

    loasa Создатель

    Регистр.:
    27 мар 2012
    Сообщения:
    41
    Симпатии:
    25
    Посмотри в сторону position: absolute, relative
    Еще:
    Код:
    @media (max-width: 1000px)
    {
    .class {
                }
    }
    Занимательная штука
     
  4. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    195
    Симпатии:
    269
    нет, тут везде фикс, а у меня не угадаешь каким будет разрешение

    хреновый из меня объяснятель,
    нужно чтобы чёрный блок был своим центром, в центре... относительно центра серой области и если серая область меньше чёрного блока, чтобы чёрный блок игнорировал серую область :facepalm::crazy:
     
  5. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    В html5 вроде нельзя центрировать блочные элементы(по крайней мере div'ы). Можно задать одинаковые отступы слева и справа но это не совсем центрирование. В твоем случае как вариант при загрузке страницы джаваскриптом читать ширину серого элемента и смещать черный элемент как будто бы он по центру.
    Так же можно использовать не смещение а отрицательный margin http://jsfiddle.net/5fVLc/1/
    Ну или копать в сторону таблиц.

    upd. А нет вру, в css3 уже можно центрировать блоки. Например так
    Код:
    .outer {
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    }
    
    Правда сделать внешний блок меньше внутреннего все равно нельзя.
     
    Последнее редактирование: 6 апр 2014
  6. omgh

    omgh Создатель

    Регистр.:
    22 сен 2013
    Сообщения:
    21
    Симпатии:
    13
    :facepalm:Давай на живом примере - банер там или что у тебя, объясни по человечески.
     
  7. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    195
    Симпатии:
    269
    а давай - http://jsfiddle.net/8SD3P/3/
     
  8. omgh

    omgh Создатель

    Регистр.:
    22 сен 2013
    Сообщения:
    21
    Симпатии:
    13
  9. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    195
    Симпатии:
    269
    Да, вот, человек меня понял, но молва ходит без js можно
     
  10. Girt

    Girt Постоялец

    Регистр.:
    11 фев 2012
    Сообщения:
    87
    Симпатии:
    62