Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What's a liquid layout?

My designer keeps throwing out the term "liquid" layout. What does this mean?

Thanks for the clarification, I have always just called this a percentage layout, and thought he was saying that the pieces could be moved around, and that was liquid

like image 876
DevelopingChris Avatar asked Sep 15 '08 12:09

DevelopingChris


People also ask

What's a liquid layout InDesign?

Liquid Layout is a feature in InDesign which allows you to adapt the content and objects on a page from one size or scale to another. The basic intent of Liquid Layout is to resize the objects on a page in accordance with changes made to the page size or orientation.

What is liquid layout in CSS?

Liquid layouts define layout regions that both resize with text, and reflow as needed to display the region on the screen. Although the exact layout therefore varies, the relationship of elements and the reading order remains the same.

What is the use of liquid layouts in publishing software?

Liquid layouts make it easier to design content for multiple page sizes, orientations, or devices. Apply liquid page rules to determine how objects on a page are adapted when you create alternate layouts and change the size, orientation, or aspect ratio.


3 Answers

A "liquid" layout is a site layout that expands to fill the entire available area as the browser window is resized. Typically this is done using CSS. Liquid layouts can be quite helpful for certain types of sites, but they also tend to be significantly more effort than fixed width layouts, and their usefulness depends on the site content and how well implemented they are.

like image 75
Sean Cameron Avatar answered Sep 23 '22 22:09

Sean Cameron


From http://www.maxdesign.com.au/presentation/liquid/ :

All containers on the page have their widths defined in percents - meaning that they are completely based on the viewport rather than the initial containing block. A liquid layout will move in and out when you resize your browser window.

like image 35
Sietse Avatar answered Sep 22 '22 22:09

Sietse


Basically, it's a layout of a web page that doesn't rely on a specific width specifications for elements in the page.

See the discussion over at Wikipedia.

like image 39
Rob Wells Avatar answered Sep 19 '22 22:09

Rob Wells