Заполнение отличается в Chrome Mac против Firefox и Chrome PC
Я пытаюсь настроить навигацию по баннеру ниже на веб-сайте, который я создаю здесь: http://35.9.51.41
Я смог сделать так, чтобы он выравнивался в Chrome и Safari на моем Mac и в IE, но он все еще не выровнен на Firefox или любом ПК, использующем Chrome или Firefox. Это заставляет мою голову повернуться. Какие-либо предложения?
У меня есть отступ, который определяет ширину навигации здесь:
#nv-tabs a {
padding:0 33px 0 34px;
text-decoration:none;
cursor: pointer; /* IE 7 bug-fix */
color:#FFFFFF!important;
display:block;
background:none;
line-height: 29px;
z-index:100;
font-family: Arial, sans-serif;
text-transform:uppercase;
font-size:13px;
font-weight:normal;
}
2 ответа
Определите ширину, и она должна решить вашу проблему, а также посмотреть на размер блока: border-box
Возможно, попробуйте использовать эти функции, которые определяют ваш браузер и его версию, и в вашем HTML-теге вы можете написать, <html class="<?php echo getBrowser();?>">
и после этого в вашем CSS вы можете написать стили для разных браузеров, например, если вы используете Chrome 23, у вас будет HTML-тег, как <html class="chrm chrm23">
, так что в вашем css вы можете написать
.chrm .yourClass { /* свойства здесь */ }
function getBrowser() {
global $_SERVER;
$firefoxStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Firefox');
$chromeStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Chrome');
$safariStart = strrpos($_SERVER['HTTP_USER_AGENT'], 'Safari');
if ($firefoxStart !== false){
$version = $this->getVersion($firefoxStart, 8);
return "ff ff" . $version;
}elseif ($chromeStart !== false){
$version = $this->getVersion($chromeStart, 7);
return "chrm chrm" . $version;
}elseif ($safariStart != false){
$version = $this->getVersion($safariStart, 7);
return "sfr sfr" . $version;
}
}
private function getVersion($start, $length){
global $_SERVER;
$end = strpos($_SERVER['HTTP_USER_AGENT'], ' ', $start);
if ($end === false){
$end = strlen($_SERVER['HTTP_USER_AGENT']);
}
$versionStr = substr($_SERVER['HTTP_USER_AGENT'], $start + $length, $end - $start - $length);
$version = floatval($versionStr);
$version = str_replace('.', '', $version);
return $version;
}