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

[duncan]

не могу понять причину данного феномена

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

 

[vytyacom]

не совсем феномен, но штука не приятная, да.
если я правильно понял проблему, то я уже пытался объяснить данное поведение Для просмотра ссылки Войди или Зарегистрируйся.

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

 

[qpPeW]

+ padding-left, а не + margin-left

 

[mdss]

есть такое дело с инлайн блоками. Статейка на тему как это дело пофиксить:
Для просмотра ссылки Войди или Зарегистрируйся