Адаптивный дизайн, проблема с блоком div, почему не во всю длину?

Question

[Антон Вебсайтовский]

Здравствуйте, проблема с блоком, не во всю длину. с картинкой сделал чтобы все ок было, а вот блок не во всю.

Скрин: ( обвел красным ).
Css

.namebyket{
height: 45px;
border: 1px solid #FBE4E6;
margin-bottom: 15px;
width: 100%;
}

.namebyketn{
border-right: 1px solid #FBE4E6;
margin: 10px 30px 10px 0;
font-size: 14px;
font-weight: 400;
color: #000000;
display: inline-block;
float: left;
width: 110px;
line-height:25px;
padding: 0 0 0 10px;
}
.namebyketnh {
display: inline-block;
float: right;
text-align: right;
padding: 0 10px 0 0;
}
.namebyketnh h1{
font-size: 14px;
font-weight: 400;
color: #C85A81;
height:45px;
}
.namebyketnh h1 b{
height:45px;
font-weight: 400;
display:table-cell;
vertical-align:middle;
}

Comments

[Сергей delphinpro]

Антон, проблемную верстку стоит выкладывать на кодпен или фиддл или давать сссылку на страницу. По картинкам вам вряд ли кто-то подскажет что-то путное.

Answer 1

[Сергей Горячев]

Антон Вебсайтовский, ты все неправильно делаешь.
1. Проблемный код нужно выкладывать на фиддл или кодепен.
2. Если тебе дают советы, и ты нашел решение - нужно выбрать ответ правильный, отметить решением.
3. Если проблему нашел сам, опиши, что было не так. И отметь также решением.

Answer 2

[Максим]

*{
  margin:0;
  padding:0;
}

это обычно помогает

либо у вас display:inline; или display:inline-block;

Answer 3

[profesor08]

F12, и смотрите почему он не во всю длину. Приведенный CSS код - бесполезен. Возможно из-за float:left;

Answer 4

[1XpeH1]

.namebyketn{ width: 110px; - сделай ширину в процентах.

Comments

[Антон Вебсайтовский]

так это внутри блока ! я не думаю что из за этого.