Stack Overflow
Stack Overflow

Questions tagged [liquid-layout]

A Liquid Layout, sometimes also referred to as a fluid layout, is a CSS technique in which the majority of the page components have percentage widths, and thus adjust to the user's screen resolution.

A Liquid Layout, sometimes also referred to as a Fluid Layout, is a CSS technique in which the majority of the page components have percentage widths, and thus adjust to the user's screen resolution.

Liquid layouts are one of the biggest players in Responsive Web Design (RWD) and are closely linked to CSS media queries. The goal of liquid designs are to make a website easily usable no matter the device and screen size of the visitor.

195 questions
161
votes
17 answers

Browser doesn't scale below 400px?

I'm working on putting together a liquid style-sheet and it works wonderful. One thing that I've noticed is that my browser window in Chrome won't resize below 400px it just gets stuck there and in FF as I scale down it it just stops at around 400px…
Brodie
  • 7,569
  • 8
  • 32
  • 54
117
votes
6 answers

CSS container div not getting height

I want my container div to get the height of max of its children's height. without knowing what height the child divs are going to have. I was trying out on JSFiddle. The container div is on red. which is not showing up. Why?
Neel Basu
  • 11,848
  • 10
  • 71
  • 138
38
votes
9 answers

In CSS, how do I get a left-side fixed-width column with a right-side table that uses the rest of the width?

So I've tried to work with the pure-CSS, never-use-tables-for-layout gospel, I really have. But after an incredible amount of pain and anguish, I'm just about ready to give up. I'm willing to go to some effort to accomplish things in CSS, don't…
chaos
  • 115,791
  • 31
  • 292
  • 308
24
votes
2 answers

Date Math / Manipulation in Liquid Template Filter

I'm constructing an "Integration URL" in Desk.com, which uses the Shopify Liquid Template filter syntax. This URL needs to contain a "start date" and an "end date" for a query where the start date is 7 days ago and the end date is right now. To…
jonaz
  • 1,946
  • 1
  • 13
  • 28
24
votes
5 answers

How to suppress blank line in Jekyll?

I use GitHub Pages for my blog, and am running into a problem with Jekyll. My post.html has a block like this: {% for testpost in site.posts %} {% four %} {% lines of %} {% processing …
James Curran
  • 95,648
  • 35
  • 171
  • 253
19
votes
2 answers

How to pass {% captured %} variable from a view to the layout in Jekyll/Liquid?

I am trying to rebuild a blog in Jekyll and I have stubled upon a simple task. Provided I have the following set of templates: default.html: {{ head }} {{ content }} frontpage.html: --- layout: default --- {% capture head %} Frontpage {% end…
firedev
  • 19,222
  • 18
  • 58
  • 91
15
votes
2 answers

Include different file in Jekyll depending on the locale

I'm trying to create my first Jekyll website and I'm encountering a problem designing the i18n part. The different articles will be totally rewritten for each language, so each one will be a different post, no problems here. I actually have more…
krtek
  • 25,218
  • 5
  • 53
  • 79
11
votes
2 answers

enum data type for liquibase

I'm currently working on a liquibase.xml file to create table table_a. One of my fields is I'm using postgresql as my DBMS. is there anything like enum data type? I've read in this like…
Ali Taha Ali Mahboub
  • 2,751
  • 6
  • 23
  • 25
11
votes
4 answers

CSS 3 column liquid layout with fixed center column

I want to make for my marketing site a 3 column layout that has images in the top banner. I want to have a liquid left/right side with a fixed center. The html would ideally look like this:
 
Adam Levitt
  • 9,676
  • 24
  • 77
  • 141
9
votes
1 answer

Date comparison Logic / in Liquid Template Filter

I'm attempting to create a "Pre-Order" Like mechanic where certain elements of my Shopify Liquid Template only show if the current date is more or less than the date specified in a Metafield. As of current this is what I have including logic: