A basic layout I forgot
Wednesday January 10, 2007
I've been putting up free Web layout templates for several years now, so when Jeannette wrote asking me for help to build a variation on a 2 column layout I went to the templates page to find the template to send her.
http://z.about.com/d/webdesign/1/0/V/7/1/pencil.jpg
And I was surprised to realize that while I had a two column layout, a two column with header layout, and many three column layouts. But I didn't have any two column layouts with a footer and a header. So, I wrote this free template for Jeannette. Thanks Jeannette!



Comments
If I’m reading all my Friends Of Ed books correctly, I believe we’re supposed to to be avoiding all the extra divs and just using the elements themselves as containers, for example your side nav could just be with a width of 200 floated to the left. The header would be fine without a wrapped around it, etc.
What you have is probably more useable for adding/removing content but it doesn’t encourage people to think outside the DIV.
oops my html elements don’t show.
your side nav could be just a “UL” element floated to the left and your H1 header would be fine without a DIV wrapper, etc.
Hi Doug,
Yes, you’re correct - in fact, I wrote an article about that specifically: Divitis - The Habit of Using Divs for Everything in CSS Layouts
The reason I use DIV tags in the templates is because I don’t know what is going to live in the different sections. For example, you might put navigation in the narrow column and so a UL would be appropriate, but I might put additional content, with headers and paragraphs, etc. So a UL wouldn’t fit on my page.
Unfortunately, using DIVs in a template encourages divitis, but I can’t afford to build a custom layout for everyone who asks for one - these are free templates after all.
Thanks for pointing that out, however, as you’re correct you should use the tags that are semantically correct for the site not just DIV tags.
Got it. Thanks Jen.
You guys do a wonderful job! Keep up the good work!!!
I like it and the background and colors make it easy to read
Thanks for your project. I like this site. KEEP IT UP..