WordPress.org

1. danithew
   Member
   Posted 7 years ago #

   I took podz's 3-column layout css code from http://www.tamba2.org.uk/testblog/
   I plugged it into a dinky testblog i set up at http://www.wump.info/testblog
   Maybe this 3 column layout doesn't work with WordPress 1.2? So far I'm only getting two columns. For some reason the categories that were showing up in podz's third column are showing up in my first. Hmmmmf.

2. Tek
   Member
   Posted 7 years ago #

   I had a lot of problems with a three colum layout. The only thing that I can say is that I just don't think you can get a really flexible 3 col without using some divs in index.php

3. Slappo
   Member
   Posted 7 years ago #

   Dots by Alex King is a good place to start. Yes, you need some divs. The only prob. with three column so far that I see is that the left column can have dynamic placement of new <li> features (i.e., as one group expands, the rest get pushed further down), but the right side has to have absolute assignment from the
   top: 0px;
   or whatever because otherwise there is a space on the left side. So, when you want to add stuff to the right side, you have to manually readjust everything in your css.
   Unless, of course, someone knows how to make dynamic placement happen on the right side as well.
   I was going to try dreamweaver and see what I could come up with. Might as well, since I'm having to learn .php and css, so what's the diff about learning one new program?

4. Mark (podz)
   Support Maven
   Posted 7 years ago #

   @danithew.
   If you check the index.php on the testblog, you'll see a <div="col"> which is the 3rd column. Unless that is in the index you have, then nothing will happen.
   The #content is also higher becuase the <div="tinfo"> is missing from just below the header.
   It was done with 1.2mingus (until I changed my layout yesterday it was also working on my not-text blog).
   That is the problem with implementing a 3 col design with WP - the index has to be modified, and that makes style-switching a no-no unless it is to another 3 col design or you are literally jus swapping colors.

5. Anonymous
   Unregistered
   Posted 7 years ago #

   Hi,
   if you want a 3 col layout that works in all browsers, take a look at:
   http://www.positioniseverything.net/ordered-floats.html
   A superb demo of flexible 3kol layouts, full-floated of fixed width, with explanations of all the bugs/hacks or how to avoid these!
   Everything about positioning with css is there. 3 kol layout is difficult with all the bugs around, but Big John and Holly Bergevin (http://www.positioniseverything.net) really explain everything very well.
   greetings,
   Matthijs, Holland

6. bAs
   Member
   Posted 7 years ago #

   Thx for the groovy website- I have a 3 col layout which sometimes freaks netscape out, but generally works for the new browsers. you can have the code and the css if you need them. http://www.ctfzone.net

7. Root
   Member
   Posted 7 years ago #

   @ bAs No footer all the way across and same color columns. Pretty straightforward.

8. danithew
   Member
   Posted 7 years ago #

   Thanks all for your answers. Some stuff came up this weekend and this is the first time I've been able to look at the responses. I appreciate all the feedback and as soon as I have a chance I'll be playing with this some more. I should have realized that I needed to make changes in the index.php.
   Thanks again all.

Topic Closed

This topic has been closed to new replies.