Доскоро бях убеден привърженик на фиксирания layout. Освен че се прави по-лесно, имаш и много по-добър контрол върху позицията на отделните компоненти.
Това обаче работи добре в случаите, когато може да се оптимизира за най-малката масова резолюция, без да се жертва визия и функционалност. Към днешна дата това означава 1024px по хоризонтала. Много сайтове се справят и с по-малко, но когато формáтът изисква класическите три колони, 1024 пиксела започват да отесняват.
Liquid laoyout-а може да върши страхотна работа за големи сайтове с три колони, като електронни магазини например. Неприятният ефект се появява с настъпването на големите резолюции 1440+, при което съдържанието може да се разлее далеч извън очакванията на дизайнера и целия сайт да бъде обезобразен.
Както много проблеми свързани със CSS, и този си има простичък фикс. Задавате минимална и максимална ширина най-външния DIV с което сами определяте докъде може да се разлива съдържанието. Ето пример:
#container {
margin: 0 auto; /*центрирайте съдържанието за големите резолюции */
min-width: 880px; /*съдържанието няма да се свива повече от това */
max-width: 1360px; /*съдържанието няма да се разлива повече от това */
}
Вече е изпробвано