liquid-layout

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 get me wrong. But when it seems like some of the most asininely simple things that can be d...

How do you make a webpage change its width automatically?

In HTML, is there a way to make a webpage expand to the user's monitor? Like say I have a 15inch, but someone else has a 24 inch. The webpage would be small on their screen, but would fit on min. How would I make the page expand to 100%, or maybe 95%? ...

Partials in Liquid

Hello, We're trying to rewrite our current views from ERb to Liquid and we got following problem: we have a lot of render(:partial => '/path/to/partial') in our code, but we found absolutely no instructions how to render partials in Liquid. The only one solution we found was with help of render_to_string but it's just to ugly to be true...

CSS Help, Making Menu Fluid

I got some help with this menu earlier but have a different request now. The menu works fine with fixed width but I would like the words to wrap ONLY on the top menu categories. I need to be able to have n categories and have the width be evenly distributed. Obviously n would be within reason (I am not going to have 50 categories) but I...

CSS: Dynamic width on Menu

Exact Duplicate of http://stackoverflow.com/questions/994208/css-help-making-menu-fluid The menu works fine with fixed width but I would like the words to wrap ONLY on the top menu categories. I need to be able to have n categories and have the width be evenly distributed. Obviously n would be within reason (I am not going to have ...

Div Layout - Repeating image help

I am trying to get the main content portion of my website to be wrapped in this notebook style look. However on the main content portion I have a repeating image that sometimes cuts off at halfway through the image and doesn't look right, does anyone have any ideas on how to fix this either in Photoshop or with CSS ? I have to maintain...

jQuery Dynamic Height Width of Modal

I am creating a modal that will be used for different aspx pages that already exist, so the div that I have to hold the pages (which will be loaded through ajax.load method) needs to grow vertically and horizontally to fit the need of the different popup pages. How would I go about retrieving the height and width of the documents I will ...

How to go about serving the same app on different resolutions/screens

Scenario: You need to expose the same app on different screens - let's say a standard 15''-17'' a portable 10'' and a mobile 4'', possibly working on different resolutions. Question: Do you attempt to go for a liquid layout that gets rearranged depending on the real estate available or do you roll N (one for each range) separate UI laye...

Using Liquid as a Ruby on Rails layout

I want to create a Ruby on Rails layout and it should be in Liquid format. Basically what I'm trying to do is to let the users to create their own layouts and save them in the database. I tried to use <%= Liquid::Template.parse(<code from database>).render %> in my layout.erb file but there I can't use the 'yield' command (since this ...

Having difficulties with Jekyll / Liquid

I'm tring to do a loop for Nav links below my posts. This is going into the _layout of posts.html I can't get the link to not show if the post is the last or the first. Any help would be awesome. {% for post in site.posts %} {% if post.previous != forloop.last %} Last {% elsif post.next != forloop.first %} ...

Liquid CSS layout issues

Alright I have a CSS liquid div based layout for my personal web site. The address is http://danberinger.com/preview.html The problem is the I do not want the footer section to act as if it were displayed inline, because right now when the window is stretched beyond the pixel width needed for the intro_container, it moves the footer d...

Find the width of a left floated list and apply to wrapper div to center it using css - jQuery?

Hi, I wish to center a ul in a div that is the left column of a liquid layout. To do so I need to set the width of a div that I've used to wrap the ul. Note: the list items (and content) are retrieved from a database using php. I'm interested in your suggestions on how to do this using jquery. Consider the below markup: <div id="wrap...

CSS - Why does height seem to be set, when it's not?

Ok, this is really annoying and I can't understand why this is even happening. I may have screwed some stuff up when trying to get the CSS Sticky footer to work. I had one going on, but it seemed at the body wasn't liquid so I thought I'd try this one: http://ryanfait.com/sticky-footer/ But the results ended up like this: http://www....

Liquid Layout: How to

If I mark all my divs in percent, they fill up all the space nicely. I am facing 2 problems: a) Image sizes: How do I define image sizes so that they do not become larger or smaller than wanted as the window resizes b) Font sizes: How do I make the font size increase or decrease based on resolution - should this be done at all? (The pr...

one liquid div with one fixed size div

I am trying to build a layout which has a fixed width div and a liquid width div beside it : <div id="main" style="width:100%; height:500px; background-color: #ccc;"> <div id="right" style="float: right; width:100px; height:500px; background-color: red;"> </div> <div id="left" style="float: right; width: auto; height:500px; ...

Best Liquid Layout CSS Framework?

Is there an active/solid cross browser css framework on par with blueprint/yui/960 that supports percent based liquid layouts? I've seen Emtastic, but it doesn't look like it's been active for about a year. What do you think about Matthew James Taylor's Liquid Layouts? ...

Is it possible to do AJAX calls in a liquid template?

I'm looking at the liquid templating language for Rails apps: http://wiki.github.com/tobi/liquid/ I'd like my users to also be able to make AJAX calls (just like the ones in rails for periodically_call_remote, observe_field, etc). Is this possible? Assuming the rails helpers can be added as filters, how will the user be able to modif...

Is there anyway to make Jekyll support linked list type post?

I've tried to write a post using a link list layout that I've created but couldn't get jekyll to generate properly. The problem should be in the index.html but I can't make the index page to generate both layout together. {% for post in paginator.posts %} {% include post.html %} {% endfor %} ...

Liquid - rails - render_component issue

Hi All, In my next rails project I want to use liquid pages (so that my graphic designer can do his stuff without bothering be :D) By my question is will i be able to use render_component and render :partial commands inside my liquid layout. If possible how thanks in advance cheers, sameera ...

Can't Prevent Nested Div's from Overflowing when using Percent Sizes and Padding in CSS?

I want to be able to layout nested divs with these properties: width: 100% height: 100% padding: 10px I want it to be such that, the children are 100% width and height of the remaining space after padding is calculated, not before. Otherwise, when I have a document like the below example, the child makes the scrollbars appear. But ...