Форум Сайтостроение Веб-строительство

Незнаю как исправить ошибку и не могу понять где она

K
На сайте с 13.11.2009
Offline
170
Kristinka
572

проверьте пожалуйста, есть какие то ошибки в дизайне http://kak-radu.ga/ Шаблон Gemini, движок DLE 10.6

Нашла глюк, смотрите сбоку, есть белые отступы, так должно быть в норме, вот скрины:

а у меня они исчезли, вот смотрите:

Исчезли после того как я вставила наверху сайта баннеры, вот код в main.tpl

<div class="blok1">
<div class="blok2"><img src="{THEME}/images/logo.jpg"></div>
<div class="blok3"><img src="{THEME}/images/banner1.jpg"></div>
<div class="blok4"><img src="{THEME}/images/banner2.jpg"></div>
<div class="blok5">Тут будет текст этого блока</div>
</div>

А это в CSS:

* {
box-sizing: border-box;
}
.blok1 {
background: white;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.blok2 {

max-width: 28%;
flex: 1 0 28%;
}
.blok3 {

max-width: 35%;
flex: 1 0 35%;
}

.blok4 {

max-width: 35%;
flex: 1 0 35%;
}

.blok5 {
background: green;
text-align: center;
max-width: 100%;
flex: 1 0 100%;
margin: 10px 0 0;
padding: 20px 40px;
color: white;
}
img {
max-width: 100%;
}
@media (max-width: 320px) {
.blok1 {
display: block;
}
.blok2,
.blok3,
.blok4 {
max-width: 100%;
flex: 1 0 100%;
}
}

Как это исправить? помогите пожалуйста.

F
На сайте с 16.11.2012
Offline
56
fmex
#1

Из-за этого box-sizing: border-box;

Надо box-sizing в нужные блоки прописать, а не для всех элементов.

A1
На сайте с 13.09.2015
Offline
14
Alex-1968
#2

да да, именно из за него

F
На сайте с 16.11.2012
Offline
56
fmex
#3

Это удалить

* {
box-sizing: border-box;
}

Это добавить

.blok1,
.blok2,
.blok3,
.blok4,
.blok5 {
box-sizing: border-box;
}
K
На сайте с 13.11.2009
Offline
170
Kristinka
#4

fmex, спасибо за помощь...исправилось )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий