Support Contact:
Phone: +40 (21) 310.63.42; Forums: extendstudio.com/support

Create a 2 columns elastic CSS layout with Flexi CSS Layouts Dreamweaver extension

A liquid layout is percentage based. In other words, a 100% width layout will span to the entire screen, regardless of the user’s resolution. When using a liquid layout the content will take advantage of all the available space which is good if you have a lot of text. As a best practice for keeping the layout readable, you should set a max width and min width: for example the min width 960px means the layout will not shrink below the 1024×768 resolutions and the max width 1260px will not let the layout get bigger than the 1400px screen resolution. If you started the layout as a liquid layout and want the rows inside also liquid (adjust themselves to the screen resolution and keep proportions) then all the divs inside are calculated as a percentage of their parents. You can as well mix fixed columns with liquid columns.

Facebook comments:



One Response to “Create a 2 columns elastic CSS layout with Flexi CSS Layouts Dreamweaver extension”

  1. Excellent post, I will be checking back regularly to look for updates.

Leave a Reply