John Wells wrote: > Guys, > > Don't know if your remember this or not, but back some time ago I emailed > about a three-column layout that was killing me. A helpful soul suggested > using "display:table-cell" to fix my problem, and it did!...except, not > really in IE. > > So, I finally relented. I gave up. I admitted defeat. I cried for awhile. > Then, I picked myself up...looking forward to the certain simplicity a two > column layout was sure to bring. I mean, three is hard...but two? Come > on...we should all be able to do THAT in our sleep. > > Wrong...wrong for me anyway. I must be css-layout challenged. > > >
I sympathise. Having just gone through the same process, I can definitely sympathise. Personally I found that there is so much information out there, that it is very difficult to pick a design. If you want to have a look at some layouts that may work, I suggest you have a look at some of the following links. For your site, a fixed layout might be best. If you want the design to adapt to the width of the browser, have a look at the fluid layouts. The major differences is that fixed layouts are sized using pixels or ems and fluid layouts are sized using percentages. First, there is a page in the CSS Discuss wiki: http://css-discuss.incutio.com/?page=ThreeColumnLayouts Even though this is for 3 column layouts, most can be made into 2 columns fairly easily. In this list, some of the more active and recognised sites are Position is Everything, Holly 'n John or Holly Bergevin, Alex Robinson and Thierry Koblentz. That's not to say the others aren't as good, these are just starting points to try to filter things for you a little bit. I actually wound up adapting Paul O'Brien's work. There's also Bruno Fassino's site, which I didn't see listed: http://www.brunildo.org/test/ One thing that you may like is the improved Piefecta page maker <http://www.positioniseverything.net/articles/pie-maker/pagemaker_2_9_home.html> by ClevaTreva. There's a link to this from Position is Everything <http://www.positioniseverything.net/>. In terms of your layout, one thing I notice right-off-the-bat is that I don't think your widths add up. You have to remember that in the box model, the width is only the width of the content. On to that you have to add margins and padding. You have the header at 80% and the navigation at 20% with a 5% margin. So I think your header needs to be 75% - if you want the navigation to run up alongside the header. Lastly, I don't think you have enough divisions to contain everything - sorry! Sorry I can't help you more with your layout. Others on the list may be able to do that. Lori ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
