Принципиальные изменения в дивжках браузеров

[k0sm0s]

Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS  свойств стоит смотреть?

 

Заранее благодарен за любую помощь.

[Great Rash]

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

[k0sm0s]

Подозреваю что перестал "работать" вот этот метод центирования:

.wrapper {     /* set the height of the element which contains what you want to center */     height: 100%;     /* these styles are optional, to set width horizontally center the page */     max-width: 100%;     margin: 0 auto; } .wrapper:before, .containerToCenter {     /* these are the important styles for the centered element: */     display: inline-block;     vertical-align: middle; } .containerToCenter {    width: 100%;}.wrapper:before {     /* this is the important part */     content: '';     display: inline-block;     width: 0;     height: 100%;     vertical-align: middle;     /* this just takes care of whitespace added by having display:inline-block (there are other methods) */     ; } 

[Great Rash]

Вертикального? Ну код кривой, с хаком который работать перестал (и правильно сделал).

[k0sm0s]

Да, отключение свойства height: 100%;  за исключением того, что перестает работать центрирование горизонтальное. А не подскажиет почему именно перестал этот метод горизонтального центрирования и чем, более соответсвующим стандартам, его можно заменить?

[Great Rash]

Он перестал работать из-за этой байды:

/* this just takes care of whitespace added by having display:inline-block (there are other methods) */ ; 

Это какой-то грязный хак, который каким-то чудом срабатывал. Пробелы между инлайн-элементами можно убирать нормальными способами, которые не раз уже обсуждались и тут и вообще в сети.

В частности, можно заглянуть ко мне в подпись

[k0sm0s]

Спасибо за направление куда копать.