Многие веб разработчики наверное сталкивались с проблемой некорректного отображения данных в InternetExporer и пытались её решить. Я предлагаю вам 2 очень варианта решения таких проблем, которые значительно облегчат жизнь html кодеров. (more…)
3 марта 2008 было сообщено о релизе Acid3 теста. Иан Хиксон (ныне работник Google) является разработчиком синтетического теста браузеров на соответствие веб-стандартам Acid. Неуспели еще некоторые интернет браузеры побороть Acid2, а тут уже новая фишка появилась.
На заметку Acid тесты разрабатываются, с учётом самых последних и часто используемых технологий по созданию интерфейса сайта (css, xhml, javascript и пр.) Данные тесты делаются с одной только целью - заставить разработчико веб браузеров соответствовать стандартам w3, а не своевольничать придумывая свои стандарты, как это обычно делает Microsoft в своем InternetExplorer.
Когда был Explorer 6 это была только одна беда, которая не поддреживала веб стандарты и, чем большую популярность приобретали другие браузеры (Firefox, Opera) тем больше возникало вопросов, о том, как сделать так, что бы страница веб сайта правильно отображалась во всех браузерах. С появлением седьмой версии Эксплорера дело стало ещё более запутанным т.к. 7 версия по прежнему не поддреживала ни одного современного стандарта, но при этом имела свои особенности отображения веба по сравнению с 6 версией. В результате получается, что одна часть дизайна сайта некорректно отображается в IE6, другая часть глючит в IE7, а третью часть сайта приходиться делать заведомо неправильно, пусть даже она будет глючить в Opera и Firefox, но только что бы она показывалась во всех Эксплорерах. Как видно Microsoft серьёзно изгадил жизнь веб разработчикам своим браузером. Неуспели мы разобраться с 6 и 7 бедой, как уже слышно о создании 8 версии этого гада.
Думаю все знают, что внешние размеры (занимаемое пространство) любого блочного элемента расчитываются таким образом: ширина/высота элемента (width) + внутренний отступ (padding) + наружный отступ (margin).Например: я хочу, что бы ячейка занимала не более 100 пикселей в высоту, а у меня padding:5px, тогда я высоту должен указывать 90px (минус верхний и нижний отступы по 5 px). Данная логика не прменяется в отношении к ячейкам таблицы, но IE 7 оказывается орбабатывает параметры ширины/высоты ячеек таблиц, так же как и других блочных элементов.Тоесть если вы укажете width:100; padding:5px; то реально у вас в IE7 будет ячейка 110×110, а во всех остальных браузерах и IE6 100х100
Вот еще одна проблемма, которая может возникнуть при создании сайта, когда хочется сделать что-то красивое без JavaScript. Для того что бы реализовать различные эффекты при наведении мыши можно использовать такой CSS псевдокласс , как “:hover” (a:hover, div:hover, div.block:hover, image#logo:hover и т.д.). Проблемма для IE заключается в том, что он поддерживает :hover только для ссылки (a:hover). Данную проблемму можно обойти, но только при использовании JavaScript.
В результате мы получим эффекты, которые будут срабатывать при наведении мыши на html элемент во всех бразузерах. Данные эффекты будут работать даже при отключенных JavaScript в браузерах отличных от IE.
Давным давно единственным плюсом дубового IE были динамические эффекты, особой популярностью пользовалась полупрозрачность. Ну еще бы можно было создать сайт с очень оригинальным и стильным меню. К сожалению эти эффекты не нашли широкого применения потому, что не поддерживались другими браузерами. Но ситуация поменялась.
Как по мне так это не совсем хоршо, когда ты навязываешь пользователю сайта какое то действие (например кнопка на сайта сделать стартовой или добавить закладку). Если человек пришел уж на сайт и ему он понравился, то сайт и так добавят в закладки или сделают стартовой страницей.
Ну да ладно, это все мысли не в тему. А если уж клиент попросил сделать, то надо делать.