0
Welcome Guest! Login
0 items Join Now

fluid width for gantry templates

Last Post
Search Topic

  • fluid width for gantry templates

    Posted 15 years 1 month ago
    • Hello,

      Can we increase the width / or make fluid width in the gantry based templates? (like Jan 2010-Dominion etc)

      If yes, any guidance on the same will be highly appreciated.

      Thanks,
      Maheswaran S
    #472631
    • JEM's Avatar
    • JEM
    • Preeminent Rocketeer
    • Posts: 17917
    • Thanks: 4

    Re: fluid width for gantry templates

    Posted 15 years 1 month ago
    #472659
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: fluid width for gantry templates

    Posted 15 years 1 month ago
    • I would not say its not possible, I would say its not practical ....

      I did a quick test with reaction (because its a more "simple" template)
      screens.bokelmann-net.de/reaction-fluid.png

      I just override the gantry schema.css with percentages (for example div.rt-container div.rt-grid-4 {width: 30%;} =4/12). That works somehow but breaks every visual design-intention of Mr. Evans.

      I think the day will come that Andy says "now let us make a fluid one" but till then ... stick to 960px ...
    #472682
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: fluid width for gantry templates

    Posted 15 years 1 month ago
    #472688

  • Re: fluid width for gantry templates

    Posted 14 years 10 months ago
    • I have tried creating a fluid 960 and you should know that it's not possible to make a "perfect" one because all browsers handle percentages differently. You can download the fluid 960 grid at www.designinfluences.com/fluid960gs . Try it in different browsers and you will see that they don't always extend to the full width. The only way I found to make it work, which won't be consistent widths, is to figure out which is the last column, add up the width of all the other columns in the row, subtract from 100 and apply that width to the last column. I recommend floating that last column to the right so the grid margin absorbs the difference. It's far from perfect, but it's the only way. I have spent days doing tests on it.
    #517885

  • Re: fluid width for gantry templates

    Posted 14 years 6 months ago
    • Thanx for the demo Michael. 8)
    #567105

Time to create page: 0.086 seconds