Ребят пожалуйста объясните почему при масштабировании ...

Rasel · November 28, 2012

Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в google chrome масштаб съезжают буквы...

Не могу понять почему и как с этим бороться.

http://rasel.on.ufanet.ru/ - вот к примеру меню. При масштабировании буквы съезжают и это только в google chrome

HTML

<!DOCTYPE html>
<html>
  <head>
    <title></title>      
    <link href="source/style/style.css" type='text/css' rel='StyleSheet' />    
    <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
  </head>
  <body>
        <div class="menu">       
            <ul>
              <li><a href="#">ГЛАВНАЯ</a></li>
              <li><a href="#">О КОМПАНИИ</a></li>
              <li><a href="#">КАТАЛОГ</a></li>
              <li><a href="#">СОПУТСТВУЮЩИЕ ТОВАРЫ</a></li>
              <li><a href="#">НОВОСТИ</a></li>
              <li><a href="#">АКЦИИ</a></li>
              <li><a href="#">ДИЛЕРЫ</a></li>
              <li><a href="#">ОБРАТНАЯ СВЯЗЬ</a></li>
              <li><a href="#">КОНТАКТЫ</a></li>
            </ul>         
        </div><!--.menu-->
  </body>
</html>

CSS


/* CSS Document */

/* All CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

a img {
  border: none; 
}

.clear {
  clear: both;
}


.menu {
  width: 1000px;
  margin: 38px 0 0 0;
  height: 39px;
  overflow: hidden;
  background: url('images/menu_fon.png') no-repeat center top;
}


div.menu ul {
  list-style: none;
  text-align: center;
  font-size: 0px;
}

div.menu ul li {  
  text-align: center;
  display: inline-block;  
  *zoom : 1;  
  background: url('images/line_menu.png') no-repeat right 6px;
}

div.menu ul li:last-child {
  background: none;
}

div.menu ul li a {
  display: block;
  font-family: verdana, arial; 
  padding: 0 12px;
  height: 36px;
  max-height: 36px;
  margin: 2px 0 0 0;  
  text-decoration: none;
  font-weight: bold;
  line-height: 36px;   
  color: #ffffff;
  font-size: 11px;
}

div.menu ul li a:hover {
  background: #cb4cba;
}

npofopr · November 28, 2012

Колесико что ли крутите?

А куда им деваться то? Как не съезжаться?

Whatsup · November 29, 2012

Так в пикселях шрифт указан. Да и в правду куда им деваться ?

Rasel · November 30, 2012

Спасибо за ответы!

Whatsup Шрифты лучше указывать в em ?

Sign In

Ребят пожалуйста объясните почему при масштабировании ...

Question

Rasel

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

npofopr

Link to comment

Share on other sites

Whatsup

Link to comment

Share on other sites

Rasel

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information