Re: [WSG] two column

[Titanilla]

Ryan, strangely enough, the lovely tutorial seems pretty different from the stylesheet of the site... E.g. the tutorial starts with div#outer { width:94%; min-width:40em; max-width:70em; } explaining the benefits of using percentage and em. Hurray! So why does the actual css of the site begin with div#outer { position:relative; width:763px; } ? Or am I missing something? Regards, Titanilla (relatively new member to the list, first-time poster, beginner designer from Eastern-Europe and in love with the WSG-list, and thanks for all the tips and support you've unknowingly given me over the past month) Ryan Blunden wrote: Hi JoAn, WSG member Andrew Krespanis put together an excellent presentation on a 3-column content source ordered layout at http://www.leftjustified.net/site-in-an-hour/ with the actual site at http://www.leftjustified.net/site-in-an-hour/site/. I realise that you're after a two column layout and that is the beauty of Andrew's design, it couldn't be easier to convert it two a 2 column layout. Here's a quick and dirty guide: - Remove the column #right in the HTML source code (was the right column) - In the default.css style sheet, change the percentage of #sub to 99% to fill the container width (#outer) - In the default.css style sheet, Change the width of #center to fill the width of #sub (the container of the two columns) Presto, a rock solid two column layout. I imagine you'll want to do some tweaking to the above and both the CSS and HTML is well documented in terms of how the design works. "Note from Andrew: Get rid of the ie7 script that is included as it has been known to cause IE to crash. It's only there for max. and min width support, which you won't be needing if you're making a fixed width design." Best of luck, Ryan Blunden ________________________________ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of JoAn Sent: Sunday, 18 September 2005 10:41 AM To: wsg@webstandardsgroup.org Subject: [WSG] two column Hi! I'm new to the list and to CSS. I really need a two column source-ordered CSS layout so that the left column can be used for navigation and the 2nd column would be for content. I suppose I'd need about 160px for the left nav and the balance for the content. But I'd like the content source to show first in the source code. Plus I'll need the header and the footer. I've searched and searched but can only find the 3 column source-ordered layout and can't figure out how to redo it to two column. Would you help me out please? Thanks in advance! JoAn ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************