0

.nav - панель, где располагаются два div'a

.divnal - те самые два блока

.devnav{
margin-left: 250px;
width: 20%; 
display: inline-block;
text-align: center; 
color: #ffffff;
margin-top: 15px; 
font-size: 18px;}

.nav{
height: 99px;
background: #3351eb;}

На родном мониторе (1280х1024) работает идеально - https://i.stack.imgur.com/la3nB.png

но если проверяю, например, на самом большом мониторе, то совсем не соответствует тому, что у меня. https://i.stack.imgur.com/nd0as.png

Изменил код

.devnav{
width: 50%; 
float: left;
text-align: center; 
color: #ffffff;
margin-top: 15px; 
font-size: 18px;}

Только опять проблема в том, что на больших экранах они отдаляются друг от друга https://i.stack.imgur.com/zZ87i.png

2 ответа 2

2

Сделай например так

HTML:

<div class="nav">
<div class="inner-wrap">
<div class="devnav"></div>
<div class="devnav"></div>
</div>
</div>

CSS:

.nav {
width:100%;
height:99px;
}

    .inner-wrap {
    width:960px;
    margin:0 auto
    }

    .devnav{
    width: 50%; 
    float: left;
    text-align: center; 
    color: #ffffff;
    margin-top: 15px; 
    font-size: 18px;}
6
  • То что надо. Спасибо!
    – Mr.Blonde
    16 сен 2016 в 21:37
  • закройте вопрос )
    – Maks Devda
    16 сен 2016 в 21:42
  • @user207012, если ответ помог, отметьте его решением.
    – SVE
    17 сен 2016 в 5:17
  • Скажите, пожалуйста, как это сделать?
    – Mr.Blonde
    17 сен 2016 в 8:04
  • что именно сделать ?
    – Maks Devda
    17 сен 2016 в 8:29
1

Ширину сделать на половину

width:50%;

А margin убрать.

4
  • в .nav или .devnav?
    – Mr.Blonde
    16 сен 2016 в 21:17
  • сделал. Теперь у меня все вертикально встало
    – Mr.Blonde
    16 сен 2016 в 21:17
  • я понял мысль, теперь только нужно поставить их горизонтально. Только не понимаю, почему не работает эта строка: display: inline-block;
    – Mr.Blonde
    16 сен 2016 в 21:18
  • попробую применить float
    – Mr.Blonde
    16 сен 2016 в 21:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.