How to become an author
Search
Write a publication
Pull to refresh

Comments 80

Я им всегда пользовался, но к сожалению, код в <! code> типографируется :-(

А <! pre> не обрабатывает теги.
Total votes 13: ↑6 and ↓7-1
FF 2.0.0.9
Текст лежит сам по себе от блока, ну то есть внеблока
Total votes 3: ↑3 and ↓0+3
Я пользуюсь 3ей лисой, наверно 2ая лиса не поддерживает CSS3.
Total votes 16: ↑1 and ↓15-14
Так там -moz-border-radius стоит =)
Total votes 1: ↑1 and ↓0+1
FF 2.0.0.16 Тожесамое. текст вне блока
This comment wasn’t rated yet0
из моего парка брацузеров работает только в FF, в opere и konqueror не работает
Total votes 2: ↑2 and ↓0+2
ну тоесть в opere блок квадратный а в konqueror нет ни какого блока, просто текст
This comment wasn’t rated yet0
Работает на последней сафари еще
This comment wasn’t rated yet0
ie7 — работает
ie6 — работает
ie 5.5 — работает
Opera 9.51 — не работает
FF2 — работает криво

Интересно чего вот в опере совсем не работает, css3 поддерживает!?
Total votes 1: ↑1 and ↓0+1
У меня в опере 9.52rc2 работает.
This comment wasn’t rated yet0
Я конечно ещё сомневаюсь, но вроде Opera 9.51 не является старой версией? Или имелось ввиду в любых версиях?
Total votes 11: ↑10 and ↓1+9
Я сам владелец, старой версии Opera, но думал что Opera выше 9.5 уже поддерживает css3, но видимо я сильно ошибался :-(
Total votes 12: ↑1 and ↓11-10
CSS3 хорош, но рановато его на рабочих сайтах использовать. Костылей многовато получится ;)
This comment wasn’t rated yet0
Но можно заранее добавить штуки вроде тени для текста, или скругленные углы, чтобы, когда он заработает нормально во всех основных браузерах, пользователи были приятно удивлены :)
Total votes 2: ↑2 and ↓0+2
Opera
Версия 9.52
Сборка 10108
Платформа Win32
Система Windows XP

Не пахает. Более новых версий Оперы я пока не знаю.
Total votes 2: ↑2 and ↓0+2
Opera
Версия 9.50
Сборка 10063
Платформа Win32
Система Windows XP

а я так ждал… ;(
Total votes 1: ↑0 and ↓1-1
Opera
Версия 9.51
Сборка 2061
Платформа Linux

Почему-то работает… Точно так же как и в ff3 )
Total votes 1: ↑0 and ↓1-1
Сказано же — на старых версия Оперы не работает. А вы тут старьё своё пихаете, да ещё и под Линуксом!
;-)
Total votes 1: ↑1 and ↓0+1
Под Линухом это последняя версия Оперы…
This comment wasn’t rated yet0
Opera
Version 9.51
Build 2061
Platform Linux

Не работает.
Total votes 1: ↑1 and ↓0+1
Ну как же так? В чём же дело? Ваша опера в плохом настроении?

В опере так
Total votes 11: ↑2 and ↓9-7
каптинка из статьи и у меня работает =))) под всеми версиями Оперы =))))
Total votes 7: ↑7 and ↓0+7
Ну она разве что в links не работает ))
Total votes 2: ↑2 and ↓0+2
значит он css3 не поддерживает :)
This comment wasn’t rated yet0
CSS3 — proposed properties supported by OperaNote that these properties are at an early stage of development and may be changed or removed from the specifications at any time. Use them on an experimental basis.
  • selectors level 3
  • the HSL color model
  • partial support for Media Queries
  • content applicable on all elements, not just on the :before and :after pseudo-elements
  • box-sizing
  • opacity
  • overflow-x
  • overflow-y
  • text-shadow, including multiple shadows
  • outline-offset
  • currentColor
  • -o-background-size
  • -o-table-baseline
  • -o-text-overflow
  • nav-up, nav-right, nav-down, nav-left
Взято отсюда
Total votes 1: ↑1 and ↓0+1
Много всяких недометодов придумали для скругления уголков. Но все же реально рабочим сейчас является только использование картинок. Все остальное — чисто приколоться и забыть.
Total votes 7: ↑4 and ↓3+1
Как вариант можно делать смещение блоков. :)
Правда, чем больше радиус нужен, тем больше и блоков нужно :(
Total votes 1: ↑1 and ↓0+1
Из тех кто минусовал, кто то проверил?
This comment wasn’t rated yet0
Думаю скорее всего проверка производилась из MultipleIEs либо IETester, по этому поводу приведу одну цитату:

«В очередной раз убеждаюсь, что тестировать нужно только в реальном окружении! Что эмуляторы IE врут безбожно. Забудьте по MultipleIEs и IETester. Поставьте официально бесплатную виртуальную машину от майкрософт с официально бесплатным образом нужной винды и увидите разницу.»
Total votes 4: ↑1 and ↓3-2
Тестировалось в обычном ИЕ, а не в эмуляторах.

Вы перед тем как написать этот комментарий не задумывались почему столько минусов? И что возможно проблема не у всех остальных, а только у вас?

П.С.: У меня как то была подобная проблема с ие, но их причину выяснить не удалось. Отображал он у меня отлично от других, той же версии броузеров. Но соль в том что отображал он это «нормально», тоесть некоторые «ошибки» отображавшиеся в других ие, мой отображал без них.
Total votes 3: ↑3 and ↓0+3
«Поставьте официально бесплатную виртуальную машину от майкрософт с официально бесплатным образом нужной винды и увидите разницу»

Разница в том, что у меня (в абсолютно обычном ие6 с windows xp) работает, а у вас нет :)
This comment wasn’t rated yet0
а где эту вируальную машину взять?
Total votes 1: ↑0 and ↓1-1
а сам-то проверял или просто так ляпнул? :)
Total votes 1: ↑0 and ↓1-1
специально для особо неверующих два скрин шота из ИЕ6 из демо страницы.
This comment wasn’t rated yet0
извеняюсь ссылки почемуто не сработали
cсылка на скрин — img396.imageshack.us/img396/7246/ie6rc5.png

PS: проверил лично!
Total votes 1: ↑1 and ↓0+1
У Вас жаба скрипт отключен не работоспособен скорее всего.
Total votes 7: ↑0 and ↓7-7
Возможно у вас просто фон не применяется. Скопируйте страничку себе и вместо #000 напишите #000000. Сталкивался когда ие игнорировал укороченные записи цветов, причина остается загадкой.
This comment wasn’t rated yet0
(закругленный блок) — Привет! я закругленный блок!
(opera 9.51) — Привет тебе, белый текст на черном квадратном фоне!
(konq) — Привет тебе, черный текст на белом фоне!
(webkit/ff3) — ПРЕВЕД, участнег! Клевые у тебя углы
(веб.девелопер) — Ыыыы :)
Total votes 23: ↑19 and ↓4+15
Из проверенного мной
Работает:
IE 6
IE 7
Safari for Windows

Не работает:
FF 2.0.0.16
Opera 8.54
Opera 9.51

Вывод — хреновый способ! 50% это очень мало
Total votes 7: ↑5 and ↓2+3
Очень странный метод подсчета (-: Бы бы еще билды указали.

Работает:
IE 5-7
Firefox 3
Safari(webkit)

Не работает:
FireFox 2
Opera

Вот так более логичней.
Мне небыло интересно во скольких браузерах это решение работает, мне было интересно само решение.
Total votes 12: ↑3 and ↓9-6
Что же тут странного?

IE 6, 7 () — имеют каждый свои особенности, тоесть отображают содержимое по разному, то же самое относится к ff2 и ff3, а так же уж очень разные opera 8 и 9 (про safari под мак и виндовз ничего сказать не могу).

А так как все эти броузеры используются, проверять нужно в каждом и не обобщать.

Вы сделали акцент на том что это работает в IE5 — так вот это как раз не критично, лучше что бы в ff2 работало (его больше используют)
Total votes 1: ↑1 and ↓0+1
хм, метод уже довольно старый, и придумал его не тот, кто у вас по ссылке. сейчас постараюсь оригинал найти
p.s.: ага, вот он blog.ad.by/2008/03/nice-rounded-corners-for-ie-safari.html
Total votes 2: ↑1 and ↓10
Возможно и так.

По ссылке, есть достаточно неплохой материал. Спасибо ;-)
Total votes 5: ↑0 and ↓5-5
UFO just landed and posted this here
UFO just landed and posted this here
Ой, это к следующему комментарию относится
This comment wasn’t rated yet0
Что за ерунда, порядок комментариев меняется o_O
Total votes 1: ↑1 and ↓0+1
В IE и Firefox уголки выглядят по разному, а в опере не работает. Этого достаточно чтобы не использовать метод.
Total votes 1: ↑1 and ↓0+1
Мало того — само скругление выглядит коряво
This comment wasn’t rated yet0
Обалдеть.
Специально искал по Хабру статьи о скруглении краёв и тут на тебе — свежачок.
Повторяться не стану, для меня достаточно того, что этот метод не работает пока корректно в Опере, поэтому использовать на практике его пока рановато.
Впрочем, это не значит, что метод плохой. Просто его время пока не пришло.
Я помню времена, когда многие бились над проблемой кроссбраузерного создания однопиксельной рамки у таблицы, которыми тогда верстали абсолютно все… Время пришло и сегодня для нас это не проблема вовсе.
This comment wasn’t rated yet0
UFO just landed and posted this here
Только наверное не «наткнулся», а «вот вам перевод заметки Джонатана Снука (Jonathan Snook)».
Так будет честнее, по отношению к автору.
Total votes 5: ↑4 and ↓1+3
Идею использовать VML для отрисовки закруглений первым предложил enternet ещё 4 марта.

18 июля Евгений Степанищев привёл кроссбраузерный (Opera 9.5, FF 1.5, IE 5, Konqueror и Safari3) код с использованием SVG.

Вы знаете что на хабре есть такой вид топиков — ссылка называется?

Я так понимаю вы всё это закопипастили, даже не удосужившись найти первоисточник, чисто ради того чтоб в конце поставить ссылочку на ваш сайт?

Минусанул карму.
Total votes 5: ↑5 and ↓0+5
UFO just landed and posted this here
Есть только три вещи, на которые можно смотреть бесконечно долго, %username%:
— как горит огонь,
— как течет река,
— и как други пытаются решить задачу скругления углов.
Total votes 6: ↑6 and ↓0+6
я бы №3 перефразировал
— как велосипедостроители пытаются решать мировые проблемы «новыми методами»
Total votes 4: ↑1 and ↓3-2
ничего — придет время и надо будет решать задачу распрямления углов :)
Total votes 1: ↑1 and ↓0+1
охреневаю от глубины проблем стоящих перед верстальщиками (или кто как себя величает).

когда уже это будет работать без проблем?
Total votes 4: ↑1 and ↓3-2
Отрисовка векторной графикой в веб — плохой вариант.
Лично использовал 3-4 варианта (без использования изображений), но универсального решения не нашел.

По отношению данного примера, есть как минимум 2 способо, более кроссбраузерного решения.
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
прочел комменты. на способ забил. неюзабельно — гемора куда больше, чем если одним спрайтом сделать.

CSS3 — очень хорошо, но когда еще он будет внедрен…
а когда еще умрет IE6 (великий говнобраузер всех времен и народов)…

в общем, право на жизнь у описанного метода есть, но лишь на жизнь лабораторную, не имеющую пока связи с жизнью реальной.
This comment wasn’t rated yet0
А тем временем вышел IE8 в котором данный пример работать перестал.
This comment wasn’t rated yet0
Sign up to leave a comment.

Articles

Show the best of all time
Unlock dark mode

Your account

Sections

Information

Services

Support
© 2006–2024, Habr