Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 21.07.2010 17:38

B.L.
Новичок
Зарегистрирован: 31.03.2010
Сообщений: 4

Странный промежуток в 1px в Опере

Привет!

Ситуация такая: две колонки внутри контейнера: одна из них float: left, другая float:right.
Ширина колонок задана в процентах, 70 и 30 соответственно. В Опере 9 между ними появляется промежуток в 1px. В Firefox 1.5 и Explorer 6 все нормально.

Вот пример:

Код:

    Test
  
  


sample text

Не могу понять в чем дело:(

Отредактированно B.L. (21.07.2010 17:44)

Нет на форуме

 

#2 22.07.2010 01:39

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2009
Сообщений: 241
Вебсайт

Re: Странный промежуток в 1px в Опере

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

И если наш дорогой IE делает округление в бОльшую сторону, что приводит к «съезжанию» блоков в подобной ситуации, то нормальные браузеры — Firefox (в котором при плавном изменении можно увидеть эффект, аналогичный описанному автором топика), Opera — в меньшую, только и всего.

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


браузер | блог

Нет на форуме

 

#3 22.07.2010 02:37

B.L.
Новичок
Зарегистрирован: 31.03.2010
Сообщений: 4

Re: Странный промежуток в 1px в Опере

Спасибо большое и за ответ и за ссылку. Я уже почти было голову сломал.

В Firefox действительно тоже есть аналогичный эффект при изменении размера окна.

Что ж, попробуем другие варианты.

Нет на форуме

 

Board footer