Главная
Напишите на WhatsApp
+7 (914) 32 00 603
Firefox - единственный нормальный браузер, где не возникает никаких проблем верстки. IE - то еще "..." но благо что есть всем известные хаки или условные комментарии IE. Для остальных же браузеров читайте текст дальше.
Простым CSS уже не обойтись и мы будем использовать PHP для разграничения браузеров
echo $_SERVER['HTTP_USER_AGENT'];
Поместите следующие строки в ваш php файл шаблона:
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Safari') !== false) {
// Chrome содержит в строке 'Chrome' и 'Safari'
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false) {
echo '<body class="chrome">';
} else {
echo '<body class="safari">';
}
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') !== false) {
echo '<body class="opera">';
} else {
echo '<body>';
}
Теперь создавая в CSS стили
body.chrome {любые CSS стили}
body.safari {любые CSS стили}
body.opera {любые CSS стили}
Вы сможете написать и применить стиль только для нужного браузера.
