Доброго времени суток. 
Прошу у вас помощи.
У меня на форуме стоит шапка, которая на моем ноутбуке отображается отлично, а у моего друга на мониторе она маленькая и отображается не корректно.
Как сделать что бы у всех было одинаково?

Вот как у меня:


А это у друга:

в ipb_styles.css править надо 

#branding {

1. -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
2.  
   -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
3. box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
4. height: 200px;

}

Заменить на 

#branding {

1. -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
2.  
   -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
3. box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
4. height: 400px;

}

 

Спасибо за ответ, но не помогло 

У меня нормально на разрешении 1920 * 1080 и на ноутбуке 1366 *866 везде номарльно , смотри правильно ли ты вставил код 

1. height: 400px;

у тебя там максимум картинка должна быть высотой 200px; у тебя Аж 400px 

Да все нормально.

#branding{-webkit-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;box-shadow:rgba(0,0,0,0.5) 0px 1px 5px;height:400px}

а ";" не забыл ?

Добавь background-size: 100%; 

Забыл) Но все же не до конца исправило, меню стала на место а вот там еще остался пробел.

 

Добавь background-size: 100%; 

 

Не помогло.

потому что шапка размера другого .ширину шапки измени на 1300px и будет счастье !

ТС, вам нужно шапку разместить по центру, и края сделать однотонными, затем основной фон делаете под цвет краев и в итоге создается впечатление что шапка на любых экранах будет выглядеть цельной без разрывов и т.д.