block + float или inline-block + text-align:center?

Статус
В этой теме нельзя размещать новые ответы.

duncan

батяр з личакова
Регистрация
10 Апр 2007
Сообщения
1.599
Реакции
450
не могу понять причину данного феномена

сделал очистку стилей
общий враппер, скажем -- 700px
левьій блок 250px, правьій блок 400px + margin-left:50px
если блоки имеют display:inline-block то они не помещаются!
 
не совсем феномен, но штука не приятная, да.
если я правильно понял проблему, то я уже пытался объяснить данное поведение Для просмотра ссылки Войди или Зарегистрируйся.

Я не объясню 100% точно, но чтото вроде косяка изза пробелов между блоками.
Т.е. для браузера структура с инлайн-блоками
<li>ЧТОТО ТАМ</li>
<li>ЧТОТО ТАМ</li>
Выглядит так
<li>ЧТОТО ТАМ</li> <li>ЧТОТО ТАМ</li>
Соответственно в итоговом варианте между блоками может возникнуть небольшое расстояние изза пробела между блоками в хтмл представлении браузера. Как следствие не будут работать варианты с шириной в 50%, изза того что каждый блок будет занимать 50%+небольшой пробел.
И чтоб избавиться от него проще всего указать на ul - font-size: 0;
Может быть не обязательно связка ul - li , любая аналогичная; divы так же под это решение попадают.
 
+ padding-left, а не + margin-left
 
есть такое дело с инлайн блоками. Статейка на тему как это дело пофиксить:
Для просмотра ссылки Войди или Зарегистрируйся
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху