djinnov8 Posted September 21, 2010 Share Posted September 21, 2010 Hi folks... I have developed a page that contains three percentage sized divs...the left and right contain links whilst the centre contains all the data. Looks great in 1024 x 768 but looks like crap on wider resolutions... I came across some links e.g. http://www.alistapart.com/articles/holygrail/ which were quite ingenious but played havoc with my data and their divs... Any ideas...greatly appreciated [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/214002-looking-for-the-holy-grail-two-fixed-columns-and-a-liquid-centre/ Share on other sites More sharing options...
otuatail Posted September 23, 2010 Share Posted September 23, 2010 if the left and right where fixed size. The data in the middle would expand to fit the new browser width. Quote Link to comment https://forums.phpfreaks.com/topic/214002-looking-for-the-holy-grail-two-fixed-columns-and-a-liquid-centre/#findComment-1114558 Share on other sites More sharing options...
dbrimlow Posted September 23, 2010 Share Posted September 23, 2010 Cross-browser solution by Stu Nicholls (at cssplay): http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html It isn't semantic in the code (right div before center div) but it gives you a starting point Quote Link to comment https://forums.phpfreaks.com/topic/214002-looking-for-the-holy-grail-two-fixed-columns-and-a-liquid-centre/#findComment-1114726 Share on other sites More sharing options...
haku Posted September 24, 2010 Share Posted September 24, 2010 Here is a fixed-fluid-fixed, with the content coming before the side-columns in the HTML: http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/ Quote Link to comment https://forums.phpfreaks.com/topic/214002-looking-for-the-holy-grail-two-fixed-columns-and-a-liquid-centre/#findComment-1114836 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.