Для разных браузеров – разный CSS

Май 2, 2009 Разделы: Верстка
1

Все начинают с табличной верстки – этот способ наиболее легок и вполне отвечает требованиям начинающего веб-мастера. Но когда надо сделать быстро грузящийся сайт и играет роль каждая милисекунда то стоит обратить внимание на блочную верстку. В этой статье я затрону главную роблему верстки divами – отображение CSS в раазных браузерах.

brayzers1

Сражаясь с дизайном для СДЛ наткнулся на такую проблему – у Мелкомягких свое понятие о px :( Их пиксели явно отличаются длинной и высотой от тех которые в Опере и Мозиле. Вот такая вот загогулина.
Поскольку с этой проблемой надо както бороться воспользовался великим гуглем для поиска ответов. Полазив с полчасика нашол нужный скриптик:

<script type=”text/javascript”>
<!– //
browserName = navigator.appName;
browserVersion = parseFloat(navigator.appVersion);
if (browserName == “Microsoft Internet Explorer”)
document.writeln(“<LINK href=\”Линк на CSS для Microsoft Internet Explorer\” rel=\”styleSheet\” type=\”text/css\” charset=\”windows-1251\”>”)
else
document.writeln(“<LINK href=\”Линк на CSS для других браузеров\” rel=\”styleSheet\” type=\”text/css\” charset=\”windows-1251\”>”)
// –>
</script>

Обьясню для тех кто вообще не дружит – вставляем в документ под тегом <head> но перед </head>. Главное не забываем указать ссылки на нужные CSS :)

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

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

Это одно из многих способов создать кроссбраузерный дизайн) Можно при помощи php или dom, но такой мне больше по душе :)

Выбор хостинга для WordPress – это первая статья из цикла о выборе хостинга. К прочтению обязательно.
Эрт написал небольшую заметку про умный антиспам – “Довольно часто нужные письма попадают в спам. Что делать?” Ответ в заметке.

2leep.com
1
Подпишитесь на RSSПодпишитесь на E-mail рассылку

Похожие статьи:


Метки: ,

  • http://www.wpbloging.com Oleg

    Данный способ может не сработать если в браузере отключен Javascript. Лучше использовать CSS хаки, или если пишешь на PHP можно таблицы подгружать самим PHP, с учетом браузеров.

  • http://bolverin.pp.ua admin

    CSS хаки срабатывают не для всех версий браузеров. А исполняемый код в шаблоне может быть запрещен – DLE или бесплатный Ucoz. Именно потому я предложил вариант, который мне больше нравится, поскольку верного на 100% метода нету.

  • http://archick.com.ua/ archick

    Покажете СДЛ над которым работаете?

  • http://bolverin.pp.ua admin

    может позже. сейчас не имеет смысла – надо сделать дизайн для 6 разделов, сверстать его и настроить DLE так как мне необходимо. Прикрутить чат – скоро придет время акции в которой используется чат (прошлая акция оказалась очень успешной). Да и в планах засесть и написать нормальный движок под этот сайт, поскольку я возлагаю на него очень большие надежды – проэкт очень серьезный и имеет большой оффлайновый вес и известен среди крупных Украинских музыкальных компаний.
    Итак сказал слишком много :) при желании можно будет найти :)

  • http://urths.com/blog/%d0%bc%d1%83%d1%82%d0%b8%d1%80%d1%83%d1%8e%d1%89%d0%b8%d0%b9-%d1%81%d0%b5%d1%80%d0%bf-%d0%b8-%d1%83%d0%bd%d0%b8%d0%ba%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d1%81%d1%82%d1%8c-%d1%80%d1%83 SEO-подозрения: Мутирующий серп и уникальность рулит – Urth’s Freehold

    [...] исторически не дружат со стандартами CSS и статья кроссбраузерный CSS описывает полезный хак позволяющий их [...]

  • http://kompset.ru Atec

    Не тупите – там где маргин увеличивается замените display: block на display: inline и пиксели придут в норму. С головой нужно дружить и всякую хуйню не нести в массы… говнокодер блин…

  • http://bolverin.pp.ua BOLVERIN

    IE6 не дружит с display: inline и соответственно это не подходит.
    и попрошу не выражаться – ошибку сделать могут все, и лучше поправить и обьяснить, чем обзывать ламеров-говнокодером и т.д.

  • http://neverlex.com Never Lex

    Имхо, лишний жаваскрипт только вредит грамотной вёрстке.

    Лучше научиться верстать адекватно или забить на некоторые браузеры. Всё зависит от поставленной задачи. Но подобный js это facepalm.

  • http://bolverin.pp.ua BOLVERIN

    я не считаю что нужно отказываться от “плюшек” только из-за того что IE по своему интерпретирует верстку.
    я плохой верстальщик, я это знаю, но использую такой подход. для своей CMS я сделал возможность под разный тип браузеров делать свой дизайн – мне так удобнее.

  • http://neverlex.com Never Lex

    Хаки были, есть и будут. А ещё есть условные комментарии. Их вполне хватает.

  • http://bolverin.pp.ua BOLVERIN

    каждому дому – свой устав :)

  • http://neverlex.com Never Lex

    Согласен. И такое решение имеет право на жизнь. Но не стоит имхо советовать его остальным.

  • http://bolverin.pp.ua BOLVERIN

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

  • http://neverlex.com Never Lex

    Из самых? Возможно :) Каждому своё. Возможно просто искать нужно было лучше.

  • http://bolverin.pp.ua BOLVERIN

    возможно :)

Copyright © 2009-2012 BOLVERIN All rights reserved.
Desk Mess Mirrored v1.4.2 theme from