Jump to content

Шапка под все размеры монитора.


 Share

Recommended Posts

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

Вот как у меня:
post-24602-0-66443200-1418390169_thumb.p

А это у друга:
post-24602-0-91182500-1418390342.png

Link to comment
Share on other sites

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


#branding {
  1. -webkit-box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  2.  
    -moz-box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  3. box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  4. height: 200px;
}

Заменить на 


#branding {
  1. -webkit-box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  2.  
    -moz-box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  3. box-shadowrgba(0,0,0,0.5) 0px 1px 5px;
  4. height400px;
}

 

Link to comment
Share on other sites

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

  1. height: 400px;

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

Link to comment
Share on other sites

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

#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}
Link to comment
Share on other sites

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

 

post-24602-0-79148300-1418392551_thumb.p


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

 

Не помогло.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...