Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2013, 14:43
Аспирант
Отправить личное сообщение для bartonom Посмотреть профиль Найти все сообщения от bartonom
 
Регистрация: 05.05.2011
Сообщений: 48

"Трехпиксельный" баг?
Три ссылки, обрамленные границей, отступают друг от друга по непонятной причине на 5px.
(О трехпиксельном баге в IE6 и т.п. известно.) Но здесь-то не три пискселя и не прошлый IE6.
Да и в разных браузерах Ghrome, IE10, Safari - все то же самое

<body>
  <a style=" border:1px solid #CCC">Блок 1</a>
  <a style=" border:1px solid #CCC">Блок 2</a>
  <a style=" border:1px solid #CCC">Блок 3</a>
</body>


Можно конечно избавиться от этого, стилем, например:
<style>
 a { margin-left:-5px; }
</style>

Но хотелось понять, чего вдруг-то, в чем причина отступа?
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2013, 14:57
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

А это то каким боком к js?
какие настройки в браузере стоят?
ресет таблица используется?
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2013, 17:20
Профессор
Отправить личное сообщение для nikita.mmf Посмотреть профиль Найти все сообщения от nikita.mmf
 
Регистрация: 01.02.2010
Сообщений: 364

это не баг.
Ответить с цитированием
  #4 (permalink)  
Старый 08.04.2013, 02:31
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Дожили. Пробел багом называют )))
Переносы и табуляция между строчными элементами (верней, отображаемыми строчно) в HTML-исходнике интерпретируются как пробел.

То есть это то же самое, что и
<body>
  <a style=" border:1px solid #CCC">Блок 1</a> <a style=" border:1px solid #CCC">Блок 2</a> <a style=" border:1px solid #CCC">Блок 3</a>
</body>
Ответить с цитированием
  #5 (permalink)  
Старый 08.04.2013, 02:36
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

В Firefox работать не будет:
<body>
  <a style=" border:1px solid #CCC">Блок 1</a>
  <a style=" border:1px solid #CCC">Блок 2</a>
  <a style=" border:1px solid #CCC">Блок 3</a>
  <script> alert(document.body.innerText) </script>
</body>



Кстати в кто-то мне говорил что мол innerText в Файрфоксе не особо нужен ибо есть textContent. Посмотрю я как сделать полноценную замену innerText через textContent. И как оно будет тормозить на большом числе элементов )
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баг в Опере (select и onclick) Dimox Opera, Safari и др. 20 25.01.2013 00:39
Нужна помощь с доработкой JS, исправить 1 баг, можно даже за $ Kanzaki Элементы интерфейса 18 14.09.2011 21:21
Очередной баг jQuery? monolithed jQuery 8 27.01.2011 10:16
Забавный баг (фича?) в Chrome / Safari Cr@ZyBoY Opera, Safari и др. 11 22.02.2010 17:26
Баг с jpeg в ie6 JsLoveR Элементы интерфейса 20 28.01.2010 20:57