Возможно вы искали: 'Big Biz Tycoon! 2'

May 09 2025 14:08:23
  • Как сделать 8Gamers.Ru домашней страницей?
  • Игры
    • База данных по играх
    • Игровые новости
    • Игровая индустрия
    • Обзоры на игры
    • Прохождения игр
    • Гайды к играм
    • Превью о играх
    • Игровые тизеры
    • Игровые арты
    • Игровые обои
    • Игровые скриншоты
    • Игровые обложки
    • Игровые трейлеры
    • Игровое видео
    • Вышедшие игры
    • Ближайшие релизы игр
  • Кино и ТВ
    • База данных по кино
    • Статьи о кино
    • Постеры
    • Кадры из кино
    • Кино трейлеры
    • Сегодня в кино
    • Скоро в кино
  • Комиксы и манга
    • Манга по алфавиту
    • База данных по комиксах
    • Читать онлайн комиксы
    • Читать онлайн манга
    • База персонажей
  • Читы и коды
    • Чит-коды для PC игр
    • Чит-коды для консольных игр
    • Трейнеры
    • Коды Game Genie
  • Моддинг
    • Модификации
    • Карты к играм
    • Программы для моддинга
    • Статьи о моддинге
  • Геймдев
    • Всё о создании игр
    • Список движков
    • Утилиты в помощь игроделу
    • Конструкторы игр
    • Игровые движки
    • Библиотеки разработки
    • 3D-модели
    • Спрайты и тайлы
    • Музыка и звуки
    • Текстуры и фоны
  • Рецензии
    • Игры
    • Кино
    • Аниме
    • Комиксы
    • Мангу
    • Саундтреки
  • Саундтреки
    • Лирика
  • Файлы
    • Патчи к играм
    • Русификаторы к играм
    • Сохранения к играм
    • Субтитры к кино
  • Медиа
    • Видео
    • Фото
    • Аудио
    • Фан-арты
    • Косплей
    • Фото с виставок
    • Девушки из игр
    • Рисунки
    • Рисуем онлайн
    • Фотохостинг
  • Юмор
    • Анекдоты
    • Афоризмы
    • Истории
    • Стишки и эпиграммы
    • Тосты
    • Цитаты
  • Флеш
    • Азартные
    • Аркады
    • Бродилки
    • Гонки
    • Для девочек
    • Для мальчиков
    • Драки
    • Квесты
    • Леталки
    • Логические
    • Мультфильмы
    • Открытки
    • Приколы
    • Разное
    • Спорт
    • Стратегии
    • Стрелялки
Статистика

Статей: 87772
Просмотров: 95949629
Игры
Injustice:  Gods Among Us
Injustice: Gods Among Us
...
Dark Souls 2
Dark Souls 2
Dark Souls II - вторая часть самой хардкорной ролевой игры 2011-2012 года, с новым героем, сюжето...
Battlefield 4
Battlefield 4
Battlefield 4 - продолжение венценосного мультиплеер-ориентированного шутера от первого ли...
Кино
Steins;Gate
Steins;Gate
Любители японской анимации уже давно поняли ,что аниме сериалы могут дать порой гораздо больше пи...
Ку! Кин-дза-дза
Ку! Кин-дза-дза
Начинающий диджей Толик и всемирно известный виолончелист Владимир Чижов встречают на шумной моск...
Обзоры на игры
• Обзор Ibara [PCB/PS2] 18338
• Обзор The Walking ... 18776
• Обзор DMC: Devil M... 19857
• Обзор на игру Valk... 15861
• Обзор на игру Stars! 17745
• Обзор на Far Cry 3 17926
• Обзор на Resident ... 16005
• Обзор на Chivalry:... 17487
• Обзор на игру Kerb... 17962
• Обзор игры 007: Fr... 16592
Превью о играх
• Превью к игре Comp... 17938
• Превью о игре Mage... 14442
• Превью Incredible ... 14699
• Превью Firefall 13453
• Превью Dead Space 3 16318
• Превью о игре SimC... 14705
• Превью к игре Fuse 15422
• Превью Red Orche... 15526
• Превью Gothic 3 16327
• Превью Black & W... 17336
Главная » Статьи » Разное » Мультибраузерный сайт или как его сделать (web html browser css javascript)

Мультибраузерный сайт или как его сделать (web html browser css javascript)

Ключевые слова: web, html, browser, css, javascript, (найти похожие документы)

From: Creator <proit@yandex.ru.>
Newsgroups: email
Date: Mon, 17 May 2005 14:31:37 +0000 (UTC)
Subject: Мультибраузерный сайт или как его сделать

Оригинал: http://www.internet-technologies.ru

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

Значит так, что нам надо? А нам надо сделать так, что бы сайт
отображался в большинстве браузерах по возможности одинаково (к
сожалению, абсолюта не добиться).

Перво-наперво необходимо определить в каких браузеров наш сайт должен
отлично выглядеть. В моем варианте это: IE, Opera, Netscape и Mozilla.

И сразу совет: старайтесь не использовать атрибуты , переложите эти
обязанности на CSS... или на строковые элементы стиля aka style="*".
Хотя даже "style" стоит использовать только при крайней необходимости.

Для решения этой интересной задачи я предлагаю следующее: использовать
несколько стилей для разных браузеров. Однако, я вам не советую просто
универсально писать, т.к. получится хуже, но геморроя меньше:)

Вот кодик, который я написал для своего сайта. Так мы определяем с каким
браузером мы имеем дело:


function browser_define($agent)
{
if(ereg('MSIE ([0-9].[0-9]{1,2})',$agent)&&!ereg('Opera ([0-9].[0-9]{1,2})',$agent)) $browser='ie';
elseif(ereg('Opera',$agent)) $browser='opera';
elseif(ereg('Netscape/',$agent)&&ereg('Gecko/',$agent)) $browser='netscape';
elseif(ereg('Gecko/',$agent)&&!ereg('Netscape/',$agent)) $browser='mozilla';
else $browser='ie';
return $browser;
}




Ф-ия возвращает имя браузера. Используем ее так:


<LINK rel="stylesheet" type="text/css" href="/css/<?=browser_define($_SERVER['HTTP_USER_AGENT'])?>.css">




Т.е. если, например, к нам зашли через IE, то у скармливаем CSS файл по
имени ie.css. Можно сделать небольшую модернизацию и определять еще и
версию браузера, но я в этом большого резона не увидел...

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

Вот наиболее важные нюансы, на которые стоит заострить внимание:

1. Если используете комментарии в CSS файлах, то юзайте конструкцию /*
комментарий */, но никак не # и не , т.к. Mozilla и Netscape странно
реагируют на них, поэтому следующий за комментарием элемент стиля просто
игнорируется, когда же в Opera и IE все ОК.

2. Различное отображение тега <select>. В IE он смотреться наиболее
презентабельным образом, а вот в других браузерах, он мало того, что
некрасиво выглядит(ИМХО), так он еще и выравнивается несколько
странно... Т.е. где-то выше, где-то ниже. Поэтому для решения этой
проблемы я использую относительно позиционирование:


position: relative; top: 1px;




Это спасает. НО! В Opera я заметил такую фишку, что при наложении на
любой другой элемент (используя выше написанный код), например на бордюр
таблицы, то границы просто становятся невидимыми:( Выйти их этого
положения можно следующим способом: дописать "z-index" и того у нас
получается:


position: relative; top: 1px; z-index: 1;




3. Далее идут различия в кнопках. Т.е. например, где-то текст кнопки
располагается выше на 1px, где-то ниже. Короче это безобразие надо
отслеживать. А самое прикольное, что в Opera возможен такой глюк, что
при использовании DOCTYPE(хотя многие его не используют, но без него
валидный код вам будет только сниться:)), размеры кнопок странно
отображаются, т.е. для дорогой Opera я указываю "height: 14px;",
несмотря на то, что в других браузерах стоит "height: 18px;", который и
является реальной величиной.

4. Будьте внимательны с размерами <input> и <textarea>. Мною было
найдено некоторые несоответствие в размерах браузеров: Netscape и
Opera(7.6). Самое интересное, что в Opera 8 этого нет!

5. Сокращайте слова в атрибуте "ALT" при <img>, так как в Mozilla этот
текст "выйдет" за границы . Эту фишку я заметил толька в Mozilla, в
других браузерах все было ОК.

6. Далее хочу напомнить, что использование для оформления скроллбара
кода типа:


scrollbar-face-color, scrollbar-shadow-color, scrollbar-highlight-color, scrollbar-3dlight-color, scrollbar-darkshadow-color, scrollbar-track-color, scrollbar-arrow-color




Будет отображаться только в IE и производных от него. Поэтому не
удивляйтесь, что зайдя в Mozilla вместо радостных тонов вы увидите серый
скроллбар(в зависимости от темы оформления)

7. Не юзайте следующий код:


leftmargin, marginwidth, topmargin, marginheight




подобные скармливают нам различные визуальные редакторы. Точно знаю про
Namo WebEditor(дааавно пользовался)

Используйте для отступов документа код:


BODY { padding: 0; margin: 0; }




Если же вы хотите сделать отступ в 1px сверху и снизу, то просто напишем:


BODY { padding: 1px 0 1px 0; margin: 0; }




Вы, наверное, спросите "А зачем margin: 0 нужен, ведь и без него все
нормуль?" А я вам отвечу, что это просто необходимо для Mozilla. А то вы
будете ломать голосу, почему же у вас там появились лишние отступы:)

Вот в общем то и все... Дерзайте и у вас все получиться.

P.S. Данная статья может содержать некоторые неточности, но суть я думаю
вам понятна ;-)
852 Прочтений •  [Мультибраузерный сайт или как его сделать (web html browser css javascript)] [08.05.2012] [Комментариев: 0]
Добавил: Ukraine Vova
Ссылки
HTML: 
[BB Url]: 
Похожие статьи
Название Добавил Добавлено
• Мультибраузерный сайт или как его с... Ukraine Vova 08.05.2012
Ни одного комментария? Будешь первым :).
Пожалуйста, авторизуйтесь для добавления комментария.

Проект входит в сеть сайтов «8Gamers Network»

Все права сохранены. 8Gamers.NET © 2011 - 2024

Статьи
Рецензия на Pressure
Рецензия на Pressure
Чтобы обратить на себя внимание, начинающие маленькие разработчики, как правило, уходят в жанры, ...
Рецензия на Lost Chronicles of Zerzura
Рецензия на Lost Chron...
Игры, сделанные без любви и старания, похожи на воздушный шар – оболочка есть, а внутри пусто. Lo...
Рецензия на The Bridge
Рецензия на The Bridge
«Верх» и «низ» в The Bridge — понятия относительные. Прогуливаясь под аркой, можно запросто перей...
Рецензия на SimCity
Рецензия на SimCity
Когда месяц назад состоялся релиз SimCity, по Сети прокатилось цунами народного гнева – глупые ош...
Рецензия на Strategy & Tactics: World War 2
Рецензия на Strategy &...
Название Strategy & Tactics: World War II вряд ли кому-то знакомо. Зато одного взгляда на ее скри...
Рецензия на игру Scribblenauts Unlimited
Рецензия на игру Scrib...
По сложившейся традиции в информационной карточке игры мы приводим в пример несколько похожих игр...
Рецензия на игру Walking Dead: Survival Instinct, The
Рецензия на игру Walki...
Зомби и продукция-по-лицензии — которые и сами по себе не лучшие представители игровой биосферы —...
Обратная связь | RSS | Донейт | Статистика | Команда | Техническая поддержка