За последние 24 часа нас посетили 16502 программиста и 1549 роботов. Сейчас ищут 2032 программиста ...

CSS вычитаемая ширина

Тема в разделе "HTML и CSS", создана пользователем Slavka, 18 ноя 2013.

  1. Slavka

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

    С нами с:
    1 окт 2013
    Сообщения:
    722
    Симпатии:
    41
    собственно как сделать - суть
    как я понял динамически создается div ( управляется через класс - фиксированная ширина)
    и есть еще 1 div - походу тоже динамический ибо достать его не могу и тоже через класс могу рулить.

    так вот мне надо подправить 2 див -но вот не задача - при разном разрешении мне надо разные значение ширины второго div пробовал достать через jquery - не получается - как будто какоето правило потом выставляет ширину из CSS (даже если оно не задано) и второй див уходит вниз вместо того чтобы быть рядом

    пробовал вот так
    .class {width: 70%} // работает но колбасит при разных разрешениях

    .class {width : 100% - 12em} // не работает - но так хочется чтобы работало =)

    Добавлено спустя 13 минут 22 секунды:
    пока сделал вот так
    .div1 {width :20%} //вместо 12em
    .div2 {width: 74%} // почему то если ставлю больше - все разлетается ((

    пока вроде работает - проверил на парочке разрешений
     
  2. Ke1eth

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

    С нами с:
    16 мар 2012
    Сообщения:
    1.073
    Симпатии:
    11
    Адрес:
    заблудилса
    CCS3:
    Код (Text):
    1.  
    2. width: -moz-calc(25% - 1em);
    Направление для раскопок дал =)
     
  3. Slavka

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

    С нами с:
    1 окт 2013
    Сообщения:
    722
    Симпатии:
    41
    спасибо то что надо !
     
  4. Fell-x27

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

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Как-то невалидностью отдает... Хотя это дело личное.
     
  5. Ke1eth

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

    С нами с:
    16 мар 2012
    Сообщения:
    1.073
    Симпатии:
    11
    Адрес:
    заблудилса
    Это в каком месте невалидность-то?
    calc() относится к рекомендациям W3C.
     
  6. Fell-x27

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

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    только вот правила, начинающиеся с -moz-, -o-, -webkit- и -ms- не относятся к рекомендациям и не проходят валидацию, потому что юзают нестандартизированные фичи, причем каждый браузер по-своему.

    Но я того, сам такое юзаю и решаю проблему самодурности браузеров тем, что отдаю такие вещи в качестве агент-зависимой заплатки.

    Просто сказал, чтобы человек сразу знал, что такие решиния не валидны. А пользоваться или нет - личный выбор каждого. Я вот оч любою транзишны, хоть они и не валидны. Но это такая кайфовая технология, что не могу перестать их юзать((( А CSS-анимация так ваще...
     
  7. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    почему мне никогда не требуется юзать всякие префиксные свойства?..
     
  8. Fell-x27

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

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    в 99% префиксные свойства не необходимы, но так приятны :) И избавляют от кучи JS, нацеленного на всякие свистелки и перделки.
     
  9. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    хз. у меня всё пердит и без js-костылей и префиксов. =) может просто не юзать те решения, что требуют префиксов и костылей?
     
  10. Fell-x27

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

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    То есть не использовать вообще ничего? :)
     
  11. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
  12. Fell-x27

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

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Сделай мне красиво выпадающее меню, или плавно появляющуюся тень при наведении, и тд без js и префиксов) Ну или покажи такое.