Несколько версий Internet Explorer на одном компьютере

Опубликованно: 15.06.2008

Если вы не знаете для чего надо устанавливать несколько версий IE на один компьютер, не читайте дальше этот пост. А верстальщики догадаются для чего это нужно. Если у вас установлен IE7, то вы вряд ли сможете обычным способом установить себе IE6, и наоборот. И как же проверять кроссбраузерность своих сайтов в разных версиях IE? Есть сервисы в интернете, которые фотографируют изображение сайта в разных браузерах и версиях, вот один их них browsercam.com. Но это очень долго и неудобно, ведь когда работаешь с CSS небольшие изменения этого файла могут привести к существенным изменениям отображения страницы в одной из версий браузера и приходится постоянно проверять, как отображается сайт в разных версиях браузера IE. Есть разумное решение этой проблемы, это - Multiple IE. Эта программа установщик позволяет устанавливать на ваш компьютер сразу несколько версий IE, с IE3 по IE6. У меня же помимо поставляемой с Windows IE7 установлены IE6 и IE5. В IE5 смысла я уже не вижу, т.к. очень мало народу осталось на планете (если такие вообще остались) у которых стоит IE5. А вот проверять кроссбраузеность сайта в IE6 и IE7 просто необходимо. И поэтому Multiple IE просто незаменимая вещь в обиходе верстальщика. Весит прога 10.3 Mb, вот ссылка для скачивания – СКАЧАТь.


 

Иконка ожидания загрузки больших изображений на CSS

Опубликованно: 29.05.2008

Представим ситуацию, когда у нас на сайте присутствуют изображения большого размера и их загрузка занимает немало времени. В таких ситуациях лучше всего поставить иконку ожидания загрузки. Вы наверняка видели такие иконки на Java Script, но это надо знать этот язык и писать немаленькие коды. Такую иконку ожидания загрузки можно сделать на CSS и в этом случае все до безобразия легко и просто для тех кто хоть немного знаком с CSS, а кто незнаком думаю не составит большого труда понять как это делается.


В первую очередь надо надыбать саму иконку ожидания загрузки. Можно конечно попытаться нарисовать самому, но я предлагаю не тратить на это время и воспользоваться сервисом www.ajaxload.info. Выбираем там иконку и цвет, я выбрал вот такую:


Иконка ожидания загрузки больших изображений на CSS

 

CSS хаки для Internet Explorer, Opera, FireFox

Опубликованно: 16.05.2008

Я уже писал в предыдущих статьях что при верстке своих сайтов я слежу чтоб они были кроссбраузерны (отображались одинаково) для IE6, IE7, Opera, FireFox. Для других браузеров делать кроссбраузерность не вижу смысла. Я давно уже перешел на DIV-ную верстку, и добиться кроссбраузерности обычными средствами CSS бывает не так то просто. В таких случаях к нам приходят на помощь CSS хаки (CSS трюки их еще называют некоторые). Это обычное CSS форматирование элемента страницы только с жестким указанием браузера для которого производится это форматирование. Для каждого браузера есть свои CSS хаки, так что можно добиться абсолютной кроссбраузерности. Но все равно увлекаться CSS хаками не следует это неправильно с точки зрения стандартов и выглядит довольно некрасиво. Учитесь верстать правильно, а не как умеете :).


 

Проблемы с версткой в Internet Explorer 6.0 при кодировке UTF-8

Опубликованно: 23.04.2008

Когда я верстаю сайты, я делаю их кроссбраузерными, то есть чтобы в большинстве браузеров они смотрелись одинаково. Обычно кроссбраузерность делаю для IE7, IE6, Opera, FireFox, т.к. это основные браузеры которыми пользуется пользователь интернета.

При верстке этого блога я столкнулся с проблемой отображения сайта в IE6 (Internet Explorer 6.0) при кодировке UTF-8. Верстал я блог в стандартной кодировке windows-1251, а когда натянул шаблон на CMS Drupal, то увидел что в IE6 весь сайт расползся :( как будто часть CSS стилей не применилась к содержимому страницы. Блог у меня стоит на кодировке UTF-8.


Приведу пример сверстанных HTML страниц своего блога чтобы вы до конца поняли о чем идет речь в этой статье (страница1 - windows-1251 и страница2 - UTF-8). Эти две страницы абсолютно одинаковы и используют один и тот же CSS файл для оформления, единственная разница между ними это кодировки, страница1 находится в стандартной кодировке windows-1251, а страница2 в кодировке UTF-8. Если посмотреть эти две страницы в IE6, то вы увидите что страница1 отображается нормально, а страница2 вся расползлась. И я начал копаться в интернете в этом направлении. Результат не заставил себя долго ждать и решение этой проблемы я нашел }:-). Это оказался какой то баг или просто не совершенность браузера IE6.


 

Scrollbar – прокручиваем сайты

Опубликованно: 22.04.2008

Уххх… Честно говоря не знаю зачем я пишу эту статью. Думаю многие знают как изменить полосу прокрутки на своем сайте, ну поменять цвета в ней, сделать ее более привлекательной. Но думаю новичкам в сайтостроительстве будет интересно узнать как это делается. ИТАК!!! Щас я покажу как изменить стандартную полосу прокрутки на своем сайте на более привлекательную и стильную. Делается это при помощи CSS, их можно прописать как и в самой HTML странице, так и вынести в отдельный файл. Мне больше нравится второй вариант, он и более правильный.
Создаем отдельный CSS файл и вставляем в него следующий код: