За последние 24 часа нас посетили 16573 программиста и 1650 роботов. Сейчас ищет 1881 программист ...

Как адаптировать position:fixed

Тема в разделе "HTML и CSS", создана пользователем AnteFil, 12 авг 2014.

  1. AnteFil

    AnteFil Активный пользователь

    С нами с:
    14 янв 2014
    Сообщения:
    531
    Симпатии:
    4
    Есть у меня рекламный блок.
    В стиле у меня написано вот что
    #reklamka.fixed {
    position:fixed;
    top:100px; left:440px;
    width:200px;
    }
    Проблема в том что к примеру на моём мониторе блок отображаеться адекватно но на други плывёт залазит на текст и прочее смещается вообще. Можно ли как то сделать что бы он не смещался на других мониторах?
     
  2. Хыиуду

    Хыиуду Активный пользователь

    С нами с:
    3 июн 2014
    Сообщения:
    618
    Симпатии:
    5
    Выбрать другое позиционирование, очевидно. У разных мониторов разный физический размер и разное разрешение, это нормально. Попробуйте смещение и размер задавать в процентах.
     
  3. AnteFil

    AnteFil Активный пользователь

    С нами с:
    14 янв 2014
    Сообщения:
    531
    Симпатии:
    4
    В смысле margin-left ? Проценты тоже самое ...... залазит на сайт

    Добавлено спустя 1 минуту 26 секунд:
    Можно как то отсчитать к примеру px от цента монитора а не от края

    Добавлено спустя 13 минут 45 секунд:
    Вообщем сделал не стал указывать положение по горизонтали и он остался на месте почему то )))))
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Потому что auto по дефолту принял. Но это от браузера зависит.
     
  5. ermolmolotov

    ermolmolotov Новичок

    С нами с:
    21 авг 2014
    Сообщения:
    43
    Симпатии:
    0
    Мда.... Такой бред парню пишите, аж смешно.
    Давай разберёмся. Тебе например нужно сделать этот блок что бы он прилип у правой стороне? - это будет так (position: fixed; float: right;)
    И далее дописывай по своему вкусу скока отступить сверху (margin: top;), указать ширину (width: 200px;).
    И забудь про такое как top:100px; left:440px; - - - Что это такое ? Я не рублю ваще.
    Изучай CSS - для этого пользуйся Хромом(это такой браузер). Открой через хром свой сайт, правой кнопкой мыши по рекламному блоку, выбираем просмотреть код элемента, в правой колонке будет код css твоего блока(в него пишеш код, и он сражу покажет как он будет отображаться с написанным кодом )
     
  6. Хыиуду

    Хыиуду Активный пользователь

    С нами с:
    3 июн 2014
    Сообщения:
    618
    Симпатии:
    5
    С тем же успехом, если что, можно пользоваться Firefox и расширением Firebug, которое у любого веб-разработчика должно стоять, как "Отче наш".
     
  7. ermolmolotov

    ermolmolotov Новичок

    С нами с:
    21 авг 2014
    Сообщения:
    43
    Симпатии:
    0
    Я имел ввиду Хром как лёгкий пример, что-бы разобрался в CSS.
     
  8. AnteFil

    AnteFil Активный пользователь

    С нами с:
    14 янв 2014
    Сообщения:
    531
    Симпатии:
    4
    И лучше этого ни чего нет..........говно хром не использую
     
  9. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Это когда надо спозиционировать элемент, не выбрасывая его из потока, как это делает float.
     
  10. ermolmolotov

    ermolmolotov Новичок

    С нами с:
    21 авг 2014
    Сообщения:
    43
    Симпатии:
    0
    Разница в том, что-бы ответ донести, а не в кратцие рассказывать. Вот что по части CSS ты ноль. Я не сомневаюсь в твоих других способностях, но CSS не мне одному далось через Хром(Между прочем очень интуитивный интерфейс ).
    И без CSS нет смысла что либо ваще делать с дизайном сайта.
     
  11. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    что бы такое съесть
    чтобы не умереть

    мы тут все нули сплошняком.
    Первое предупреждение. =)
     
  12. ermolmolotov

    ermolmolotov Новичок

    С нами с:
    21 авг 2014
    Сообщения:
    43
    Симпатии:
    0
    Да уж)) Накинулись. Не знал что он ПРОграммист.
    Простите меня за моё хамство.)) Более не повториться
     
  13. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    да пофик кто он. не надо обзываться. спорить можно сколько угодно и аргументированно. хоть на сто страниц распишите разные варианты. просто не надо сразу кидаться оскорбляшками. не согласен - напиши почему. то что ты написал что "так не делается" ничего никому не скажет о том как делать надо и ничем никому не поможет. вот в чем соль.
     
  14. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Казалось бы, при чем тут я и твое чудесное открытие, что CSS можно править в рилтайме, вкупе с капитанским "без CSS нет смысла пилить дизайн". Разве я утверждал обратное?

    З.Ы. Высказывания крикливого %noname%, делающего бескомпромиссные выводы на основе одного предложения из чужого поста, в принципе нельзя расценивать как "обзывашки".