способы горизонтального выравнивания

[cyklop77]

помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации

тыц

дело в том, что такой способ не работает. и такой тоже

[Viper]

дело в том, что такой способ не работает. и такой тоже

Ну почему же... Они работают так, как и должны работать с указанными параметрами... А что ты ожидал получить в данных случаях?

[wwt]

помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации

тыц

дело в том, что такой способ не работает. и такой тоже

margin:0 auto

у вас работает во всех 3-х примерах.

Просто вы не понимаете ка кработают min-width, width, max-width;

тыц - у вас указаны минимальная и максимальная ширина, это значит что ширина будет равна не менее 980 и не более 1200, и на разрешение 1280 на 1024 ( у меня) этот блок выравнивается по середине.

такой - тут вы указали только минимальную ширину, а элемент div по умолчанию занимает всю ширину то бишь 100% поэтому ваш блок и не выровнится по середине, он всегда будет занимать все свободное пространство по ширине, пока вы его не ограничите принудительно.

такой - та же ситуация что и выше только вы от руки прописали ширину 100%.

[USF]

естественно они не будут работать.

потому что min-width задает минимальный размер блока, а так как места на странице больше, то по умолчанию блок занимает все место и вы центрирования не видите

а во втором случает max-width растягивает на 100%, что по сути является аналогом варианта выше, так как на 100% от родителя растягиваются блоки по умолчанию(горизонтально).

и только в первом случае max -width задает ограничение по ширине и margin:0 auto может вычислить отступы слева и справа

Edited October 8, 2012 by USF