Позиция: абсолютная в HTML5 - PullRequest
Новая
       0

Позиция: абсолютная в HTML5

2 голосов
/ 26 июля 2011

Есть ли проблема, если я использую свойство position: absolue в HTML 5? 

    position:absolute;left:somepx;top:somepx;

Будет ли оно работать во всех браузерах или синтаксис будет перевернут?Я использую 

      <!doctype HTML>

и разрабатываю html, используя изображения и некоторый текст, просто размещая их красивым способом, используя позицию: absolute.И я занимаюсь разработкой, используя мой Internet Explorer, вероятно, его версию 7, я думаюИтак. Но я беспокоюсь, будет ли он работать в других браузерах, таких как Mozilla и Google Chrome, без ошибок. Будет ли он работать одинаково во всех браузерах?потому что stackoveflow или google любая веб-страница выглядит одинаково во всех браузерах. Я просто хотел знать, какие стандарты они соблюдают, чтобы они выглядели одинаково в каждом браузере.

Пожалуйста, просто дайте мне знать, есть ли вред илиловушка с использованием позиции: абсолютно. Заранее спасибо

Ответы [ 4 ]

7 голосов
/ 26 июля 2011

Кажется, вы делаете некоторые ошибки при создании своих сайтов.

  • используя абсолютное позиционирование там, где вы не должны. Неуместно использовать position: absolute для создания сложного макета. Подумайте о том, чтобы найти несколько учебных пособий, чтобы узнать, как создать макет, особенно с использованием CSS-свойств float, clear, margin и padding. Используйте абсолютное позиционирование только там, где это явно требуется.
  • использование нестандартного браузера во время разработки сайта. IE7 - довольно старый браузер с ошибочной поддержкой веб-технологий. Это может привести к тому, что ваш веб-сайт будет отображаться нормально только в IE7 и грязно в любом другом браузере. Вам нужно разработать веб-сайт в браузере, соответствующем стандартам (независимо от того, какой браузер, просто убедитесь, что вы используете последнюю доступную версию), а затем проверить сайт в старых браузерах (и, возможно, исправить возникающие ошибки). Не забудьте проверить сайт во всех браузерах, которые используют ваши посетители. Таблицы совместимости, подобные таблицам в QuirksMode , часто бывают полезны.

Возвращаясь к исходному вопросу, браузеры не различают версии HTML (есть только режим стандартов и причуда, но вам не нужно заботиться о них, потому что вы используете doctype, который запускает режим стандартов во всех браузерах) ; так что больше нечего знать. Абсолютное позиционирование должно (и в большинстве случаев будет) хорошо работать в IE8 + и во всех широко используемых версиях Firefox, Chrome, Safari и Opera. Еще раз, вы должны проверить свой веб-сайт во всех широко используемых браузерах; тогда вы обнаружите возможные ошибки и несовместимости браузера.

1 голос
/ 26 июля 2011

Еще одна интересная вещь, на которую стоит обратить внимание:

http://ie.microsoft.com/testdrive/HTML5/PositionedFloats/Default.html

Возможно, она скоро будет доступна и, вероятно, будет намного лучше для того, что вы хотите.Пока что НЕ ПРОСТО используйте Position: absolute, как говорили люди, это действительно плохой способ позиционирования, и его следует использовать только при очень определенных обстоятельствах.

0 голосов
/ 26 июля 2011

абсолютное позиционирование является частью css3. HTML5 это просто сочетание JavaScript + HTML + CSS с уникальными функциями. он должен работать со всеми браузерами. но как будет отображаться весь браузер, в последних версиях нужно проверить его в chrome, mozila, safari, opera ... и т.д. Совместимость с браузером может возникнуть некоторое время. Так что не волнуйтесь, лучше проверить и исправить изменения.

0 голосов
/ 26 июля 2011

Ну, это не имеет ничего общего с HTML5, это базовое позиционирование.

И это не простой процесс, чтобы ваш сайт отображал одинаково во всех браузерах, вы должны взглянуть на сброс таблиц стилей или просто протестировать свой сайт во многих браузерах.в браузерах есть способ изменить свой дизайн.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...