Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Происходит сдвиг страницы, помогите

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Andruxa
Отправлено: 09 Декабря, 2013 - 18:18:32
Post Id



Частый гость


Покинул форум
Сообщений всего: 140
Дата рег-ции: Март 2010  


Помог: 0 раз(а)
суть в следующем..
Сайт состоит из 3х частей (опускаю шапку и footer)
CODE (css):
скопировать код в буфер обмена
  1. #container {
  2.  width: 1100px; /* Ширина макета */
  3.  margin: 0 auto; /* Выравнивание по центру */
  4.  border: solid 1px #FF99CC;
  5. }
  6.  
  7. #left_site_bar{  
  8.     float: left;
  9.     width: 200px;
  10.     margin-top: 5px;
  11.    /* border: solid 1px #969696; */    
  12. }
  13.  
  14. #content{
  15.     margin: 0 200px 0 200px;    
  16.     width: 680px;
  17.     border:  solid 1px #00FF00;
  18.     min-height: 600px;
  19.     padding: 5px;    
  20.     margin-top: -5px;
  21.    /* background: #FFFFFF;*/
  22. }
  23.  
  24. #right_site_bar{
  25.     position: relative;
  26.     margin-left: -10px;
  27.     float: right;
  28.     margin-top: 5px;        
  29.     width: 200px;    
  30.     border: solid 1px #000080;
  31. }

весь контент выводится так:
CODE (css):
скопировать код в буфер обмена
  1. <div id="content">
  2. <div class="m4">Название</div>
  3. <div class="m4_1"> содержимое контента</div>
  4. </div>

CODE (css):
скопировать код в буфер обмена
  1. /* Стиль центрального блока */
  2. .m4{  
  3.   width: 100%;
  4.   height: 38px;
  5.   padding-left: 2px;
  6.   background: url(img/sprite-str_4.png) repeat-x 0 -6px;
  7.   color: #fff;  
  8.   font:  14px/35px Georgia, serif;  
  9.   text-align: left;
  10.   text-shadow: 1px 1px 1px #000;
  11.  
  12. }
  13. .m4_1{
  14.      font-family: Verdana, Arial, Helvetica, "Trebuchet MS", Tahoma, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  15.      width: 100%;          
  16.     /* padding: 15px 5px 5px 5px;*/
  17.      margin-top: -6px;  
  18.      border: 1px solid #1c7610;
  19.      border-top: none;
  20.      border-radius: 0 0px 5px 5px;
  21.      background: #f7fcf6;
  22.      line-height: 1.5;
  23.      font-size: 1em;          
  24. }

в чем вопрос! Без паддингов(п.16 второй код) страница работает нормально ( просто переходы по ссылкам, все не двигается все ОК), если выставляю паддинги: padding: 15px 5px 5px 5px;, то страница при переходе по ссылкам, почему то убегает вправо на 3-5px, т.е заметен сдвиг когда клацаю по ссылкам, подскажите в чем может быть проблема?
http://p0zdravlenie[dot]ru - левые ссылки

(Отредактировано автором: 09 Декабря, 2013 - 18:45:05)

 
 Top
IllusionMH
Отправлено: 09 Декабря, 2013 - 18:44:00
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Andruxa, как минимум width: 100% и границы+паддинги не дружат, если нигде нет box-sizing: border-box;. Убирайте задание ширины, оно не нужно для блочных объектов.
И без живого примера будет только гадание, так что ссыль в студию
 
 Top
Andruxa
Отправлено: 09 Декабря, 2013 - 18:46:24
Post Id



Частый гость


Покинул форум
Сообщений всего: 140
Дата рег-ции: Март 2010  


Помог: 0 раз(а)
http://p0zdravlenie[dot]ru - левые ссылки

(Отредактировано автором: 09 Декабря, 2013 - 18:48:04)

 
 Top
IllusionMH
Отправлено: 09 Декабря, 2013 - 18:49:04
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Andruxa, а вы заметили что справа появляется полоса прокрутки. которая уменьшает эффективную ширину страницы и это сдвигает ее центр?
 
 Top
Andruxa
Отправлено: 09 Декабря, 2013 - 18:52:38
Post Id



Частый гость


Покинул форум
Сообщений всего: 140
Дата рег-ции: Март 2010  


Помог: 0 раз(а)
IllusionMH пишет:
Andruxa, а вы заметили что справа появляется полоса прокрутки. которая уменьшает эффективную ширину страницы и это сдвигает ее центр?


только сейчас на это обратил внимание Улыбка так может тогда пока не стоит заморачиваться, до заполнения сайта инфой.
Или же все таки есть решение такой проблемки?
 
 Top
IllusionMH
Отправлено: 09 Декабря, 2013 - 18:56:18
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
Andruxa, можно всегда показывать полосу прокрутки.
CODE (CSS):
скопировать код в буфер обмена
  1. html{
  2.   overflow-y: scroll;
  3. }

но это сомнительное решение
 
 Top
Andruxa
Отправлено: 09 Декабря, 2013 - 19:03:50
Post Id



Частый гость


Покинул форум
Сообщений всего: 140
Дата рег-ции: Март 2010  


Помог: 0 раз(а)
IllusionMH
Цитата:
но это сомнительное решение
может и сомнительное, но решение ! Спасибо!
Цитата:
как минимум width: 100% и границы+паддинги не дружат, если нигде нет box-sizing: border-box;. Убирайте задание ширины, оно не нужно для блочных объектов.
И без живого примера будет только гадание, так что ссыль в студию

А можно об этом немного подробнее, или ссылку где почитать?
 
 Top
IllusionMH
Отправлено: 09 Декабря, 2013 - 19:09:25
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
 
 Top
Deonis
Отправлено: 09 Декабря, 2013 - 22:03:09
Post Id



Посетитель


Покинул форум
Сообщений всего: 298
Дата рег-ции: Нояб. 2009  


Помог: 14 раз(а)
Есть как бы еще способ, но с использованием JS. Меня лично никогда не беспокоила такая проблемка, но если вас достает, то почему бы не решить её. Вот такой примерчик писал когда-то по просьбам трудящихся, сейчас немного откорректировал и вроде бы работает нормально. Может пригодиться...

(Отредактировано автором: 09 Декабря, 2013 - 22:03:34)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB