Странный косяк( при увеличении или уменьшении сайта)

[doox911]

#pravo   { position:relative; width:280px;  height:284px;      margin: 5px 0px;     padding:0px 0px;  border: 0px; float:right;}
#menu_a  { position:relative; width:250px;  height:49px;       margin: 0px 0px;     padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } 
#menu    { position:relative; width:250px;  height:231px;      margin: 0px 0px;     padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } 
#menu_b  { position:relative; width:250px;  height:44px;       margin: 0px 0px;     padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); }  
#menu_a a:link,    #menu a:link,   #menu_b a:link,
#menu_a a:visited, #menu a:visited,#menu_b a:visited,
#menu_a a:active,  #menu a:active, #menu_b a:active
 {
  width:250px;
  margin: 0px 0px;
  padding:0px 0px;
  text-decoration:none;
  font-family:cursive;
  font-weight:bold;
  font-size:30px;
  color:forestGreen;                     
  text-shadow: darkgreen 0px 1px 2px;
  display:block;  
  border:0px;
 }                  
#menu_a a:hover,  #menu_b a:hover, #menu a:hover   
 {
  width:250px;
  margin: 0px 0px;
  padding:0px 0px; 
  text-decoration:none; 
  font-family:cursive;
  font-weight:bold;
  font-size:30px; 
  color:forestGreen;                  
  text-shadow:black 0px -2px 3px ;
  display:block;
  border:0px;  
 } 

Так сделано меню.

Написанно вроде всё правильно. Но почему сдвигается содержимое внутри блоков?

Кстати, нашел похожую тему (http://forum.htmlbook.ru/index.php?showtopic=32504). Но у меня тупо съезжает или сужается блок..Я так и не понял)

Edited February 6, 2012 by doox911

[K313]

со скольки раз мы должны угадать?

[doox911]

со скольки раз мы должны угадать?

<div id="pravo">
     <div id="menu_a">
      <a href="nforerror.html"><center> Главная</center></a>
     </div>
     <div id="menu">
      <a href="nforerror.html"><center>  Виды походов</center></a><br />
      <a href="nforerror.html"><center>  Контакты</center></a><br /> 
      <a href="nforerror.html"><center>  Важно знать</center></a><br />  
      <a href="nforerror.html"><center> Сотрудничество</center></a>         
     </div>
     <div id="menu">
      <a href="nforerror.html"><center>  О нас</center></a><br /> 
      <a href="nforerror.html"><center>  Фото отчёт</center></a><br />
      <a href="nforerror.html"><center> Прокат</center></a><br />
      <a href="nforerror.html"><center>  Календарь</center></a>
     </div>
     <div id="menu_b">
      <a href="nforerror.html"><center> Орг. встречи</center></a> 
     </div>      
    </div>   

Забыл. Прошу извинить меня)

А вообще вот: www.za-zabor.ru Смотреть на низ)

Edited February 6, 2012 by doox911

[ablay2009]

А вам не кажется, что этого маловато? Где скриншот? Пример? Не понятно куда и что сдвигается? Или вы думаете, что мы тут все гадалки/ экстрасенсы (причем бесплатные)? Вобщем, все как всегда, читайте эту тему и сделайте все по-человечески.

[doox911]

Вот так должно быть.

А вот так получается.

Код выше.

Edited February 6, 2012 by doox911

[K313]

посмотрел в опере и ие так и ненашёл что там сдвишается...

но сайт тяжооооолый один камень 60 кБ весит... а с девочкой наверно вааааабще

[doox911]

А вам не кажется, что этого маловато? Где скриншот? Пример? Не понятно куда и что сдвигается? Или вы думаете, что мы тут все гадалки/ экстрасенсы (причем бесплатные)? Вобщем, все как всегда, читайте эту тему и сделайте все по-человечески.

Я всё правильно сделал!?) Или мне стоит Всё в одно объединить?

посмотрел в опере и ие так и ненашёл что там сдвишается...

но сайт тяжооооолый один камень 60 кБ весит... а с девочкой наверно вааааабще

Так в опере,фф,ие всё просто отлично, а в хроме косяк)

[K313]

а вы любите когда вас пытают....................................................................

[ablay2009]

Так в опере,фф,ие всё просто отлично, а в хроме косяк)

Где косяк? Я не вижу особых косяков:

Firefox 11 слева, Chrome 16 справа

[doox911]

Так в опере,фф,ие всё просто отлично, а в хроме косяк)

Где косяк? Я не вижу особых косяков:

Firefox 11 слева, Chrome 16 справа

Так ты уменьши на позиции) И посмотри)

[ablay2009]

Так ты уменьши на позиции) И посмотри)

На какой такой позиции? Вы про размер браузера, что ли? Если да, то они у меня и так на пол экрана каждый.

UPD: О боже вы что, правда про меньший маргин снизу в хроме?

Edited February 6, 2012 by ablay2009

[doox911]

Так ты уменьши на позиции) И посмотри)

На какой такой позиции? Вы про размер браузера, что ли? Если да, то они у меня и так на пол экрана каждый.

UPD: О боже вы что, правда про меньший маргин снизу в хроме?

Да, если Я правильно Вас понял.

Там между нижней меню-панелью и концом основы просвечивается 2-3 пиксила фона

Edited February 6, 2012 by doox911

[doox911]

Ну что бессильны(((?

[CharlieCruz]

На сколько я понял проблема которая тут описана появляется при зуме/масштабирование страницы. То есть когда мы меняем масштаб при помощи Ctrl+(колесико мыши)? Если я все правильно понял, то это не баг!

Точнее это не имеет никакого отношения к css или стандартам w3c. Это такая фича самого браузера. И при уменьшении масштаба браузеру нужно как то поместить/сжать страницу, которая по ширине скажем 1000px (которая указаны в css) в физические 930px (пример) и при этом нужно это сделать аккуратно, нужно сохранить пропорции всех элементов. Но алгоритмы реализации такого функционала в разных браузерах могут быть разные. Возможно в Chrome другой алгоритм округления дробных значений и поэтому появляются отступы.

Лично я не считаю это багом. Ну если этот отступ очень мешает - сделайте навигацию через {position:absolute; left:0; bottom:0;} и уберите margin:30px 0;

[doox911]

На сколько я понял проблема которая тут описана появляется при зуме/масштабирование страницы. То есть когда мы меняем масштаб при помощи Ctrl+(колесико мыши)? Если я все правильно понял, то это не баг!

Точнее это не имеет никакого отношения к css или стандартам w3c. Это такая фича самого браузера. И при уменьшении масштаба браузеру нужно как то поместить/сжать страницу, которая по ширине скажем 1000px (которая указаны в css) в физические 930px (пример) и при этом нужно это сделать аккуратно, нужно сохранить пропорции всех элементов. Но алгоритмы реализации такого функционала в разных браузерах могут быть разные. Возможно в Chrome другой алгоритм округления дробных значений и поэтому появляются отступы.

Лично я не считаю это багом. Ну если этот отступ очень мешает - сделайте навигацию через {position:absolute; left:0; bottom:0;} и уберите margin:30px 0;

Спасибо! Помогло!