[WSG] Borders in liquid layouts
I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
I would bet on there not being a proper solution for this unless you want to start hacking around with some sort of JS based calculation solutions, which will only work for users which have JS on. I would go for the design with no borders basically. Often a time design decisions are impacted by limitations imposed by what web technologies are capable of doing. This is one of the reasons why most sites are not liquid layouts, and the ones that are have a very bland design by and large. Hope this helps. On Fri, Apr 17, 2009 at 7:18 PM, Stevio redea...@freeuk.com wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
I've used this several times with success. It may work for you as well: Equal Height Columns (Project Seven) http://www.projectseven.com/tutorials/css/pvii_columns/index.htm Frederick On Fri, Apr 17, 2009 at 12:38 PM, Jason Grant ja...@flexewebs.com wrote: I would bet on there not being a proper solution for this unless you want to start hacking around with some sort of JS based calculation solutions, which will only work for users which have JS on. I would go for the design with no borders basically. Often a time design decisions are impacted by limitations imposed by what web technologies are capable of doing. This is one of the reasons why most sites are not liquid layouts, and the ones that are have a very bland design by and large. Hope this helps. On Fri, Apr 17, 2009 at 7:18 PM, Stevio redea...@freeuk.com wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
At 4/17/2009 11:18 AM, Stevio wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? You could wrap the columns in a nested pair of parent containers that stretch naturally to contain the widest tallest of their children, then apply one border to the left side of outer parent and the other border to the right side of the inner parent. div id=parent-outer div id=parent-inner div id=column-1 /div div id=column-2 /div /div /div Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
Stevio wrote: [...] Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? There is this: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***