1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Поведение html5 элементов при добавлении свойств css

Тема в разделе "OFF-топик", создана пользователем CyberAP, 3 июн 2011.

Загрузка
  1. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Возник вопрос: все ли элементы html5 ведут себя как div-ы? К примеру <nav> или <hgroup>. Который час уже пытаюсь решить одну задачу, подозреваю что дело в их особом поведении. Кто-нибудь сталкивался с этим?
     
  2. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    А как ведут себя дивы? :sneaky:

    Если же ты хочешь спросить, являются ли тэги <nav> и <hgroup> блочными, как <div>, или строчными, как <span>, то можно просто дописать в reset.css:
    HTML:
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    Как видно из комментария, многие браузеры просто понятия не имеют об этих тегах, поэтому мы им сами должны указать, что они должны вести себя как блочные элементы.

    Надеюсь это то, что ты хотел узнать.
     
    CyberAP нравится это.
  3. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Уже выяснил в чем была проблема. Я работал без reset.css и у стандартных элементов появились отступы, заданные самим браузером. А я то думал что это html5 элементы неправильно позиционируются.
    Ну и ещё в этом вина оперы, которая не показала эти отступы. Больше с ней разрабатывать не буду.
     
  4. slowpoke

    slowpoke Местный

    Регистрация:
    07.10.10
    Сообщения:
    158
    Симпатии:
    81
    Версия XF:
    1.1.1
    Кто-то долго принимал решение :(
     
  5. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Это была последняя капля
     
  6. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1.921
    Симпатии:
    1.160
    Версия XF:
    1.0.4
    у каждого брозера (включая версии одного и того же брозера под разные ОС) могут быть разные свойства конкретного объекта по умолчанию. Типичный пример CSS стиль кнопки. Обычно эти свойства не сильно мешают верстке, но бывают и такие непредсказуемые косяки, как вышеописанный с оперой.

    P.S. Определить какие свойства по умолчанию у элемента, можно через js
     
  7. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Или просто использовать reset.css :)
     
  8. Yoskaldyr

    Yoskaldyr Пользователь

    Регистрация:
    27.09.10
    Сообщения:
    1.921
    Симпатии:
    1.160
    Версия XF:
    1.0.4
    или http://habrahabr.ru/blogs/webdev/120345/#comments
    кстати там есть пара полезных комментов
     
  9. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Читал. Но вникать не стал. Я то и reset.css не сразу стал использовать, ибо были вещи, которые никак не устраивали. Теперь правда я другого мнения и если делаю верстку с нуля, то стараюсь начинать как раз со вставки reset.css.
     

Поделиться этой страницей