Не нравятся результаты поиска? Попробуйте другой поиск!

Проблемы с верской


     06.10.2013    Общие вопросы по вёрстке    1379

вопрос
Здравстуйте. При дизайне сайта у меня возникли проблемы с версткой.. (http://onlygoodanime.ru/)

Некоторые новости, приопределённых размерах экрана (шаблон отзычивый) съежают на следующую строку.

Проблемы с верской

Проблемы с верской



Для создания этого списка с новостями использовал вот этот пример: http://codepen.io/bradfrost/full/ykalp

Ответа пока нет


Комментарии пользователей (5)

Exile
17

235 | 68

Exile - 6 октября 2013 04:54 - Гости

Проблема в padding:
.list li {
    padding: 0.5em;
}

Сделайте 0.2em и все будет нормально. Это ~4900 строка в стилях.

shamanim
1

166 | 30

shamanim - 6 октября 2013 21:35 - Юзер

просто контениры разных размеров, нужно их подогнать под какой то один.

поменяй

.list li {
width: 25%;
}

на

.list li {
width: 25%;
height: 440px;
}

Gopr
10

494 | 164

Gopr - 6 октября 2013 21:53 - Юзер

Замените padding: 0.5em; на padding: 5px 3px;
.list li {
padding: 0.5em; - эта строка
display: block;
width: 50%;
float: left;
background: none;
border: 0;
}

dj-avtosh
39

1479 | 390

dj-avtosh - 7 октября 2013 00:18 - шашлычник

А флот без позиционирования норм будет разве работать?)

skype: elhan.isaev

coolteams
2

90 | 13

coolteams - 9 октября 2013 23:23 - Юзер

никогда ничего не делайте падингами если хотите чтобы не сьезжало, фиксированный размер и все!
<div style="170px; float:left">
<div style="150px; height:250px; float:left; overflow:hidden">
<img src="/" style="width:150px; height:auto"/>
<p>текст</p>
</div>
</div>
и будет отступ, понятна логика надеюсь.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы