Fixed vs liquid

Доскоро бях убеден привърженик на фиксирания layout. Освен че се прави по-лесно, имаш и много по-добър контрол върху позицията на отделните компоненти.

Това обаче работи добре в случаите, когато може да се оптимизира за най-малката масова резолюция, без да се жертва визия и функционалност. Към днешна дата това означава 1024px по хоризонтала. Много сайтове се справят и с по-малко, но когато формáтът изисква класическите три колони, 1024 пиксела започват да отесняват.

Liquid laoyout-а може да върши страхотна работа за големи сайтове с три колони, като електронни магазини например. Неприятният ефект се появява с настъпването на големите резолюции 1440+, при което съдържанието може да се разлее далеч извън очакванията на дизайнера и целия сайт да бъде обезобразен.

Както много проблеми свързани със CSS, и този си има простичък фикс. Задавате минимална и максимална ширина най-външния DIV с което сами определяте докъде може да се разлива съдържанието. Ето пример:

#container {
margin: 0 auto; /*центрирайте съдържанието за големите резолюции */
min-width: 880px; /*съдържанието няма да се свива повече от това */
max-width: 1360px; /*съдържанието няма да се разлива повече от това */
}

Вече е изпробвано :-)

  1. Вашият коментар

Вашият коментар

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Connecting to %s

Follow

Get every new post delivered to your Inbox.