By mdlueck on

I have been somewhat tweaking various things... mostly in the andreas01 and andreas09 theme.

One thing I can not figure out in those themes is how to adjust the width of the left/right column.

In Andreas09, the middle col seems to adjust its size to fit the window. But when I fiddle with the CSS...

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}

width and set it to 300px, for example, the col does not get wider, merely the text runs into the middle column.

With the andreas01 theme, I figured out how to make the middle column wider (so that it can actually hold some content), but there again can not find a way to adjust the left column to make it too wider.

Suggestions?

Thanks,
Michael

⋅ Categories: Drupal 5.x

Comments

ZuluWarrior’s picture

ZuluWarrior commented

Hi There,

Firstly, I'm not familiar with the andreas themes, but this does sound like a CSS thing I've encountered with Garland...

In responce, when you said you changed the width of the left column and said the text overflowed, this indicates that the width did change, however what you must realise is that the middle column is "floating" therefor it is staying put and obscuring your (now wider) left column. It won't listen to the padding on the left column as its 'above' or 'below' the left column, which is in the normal flow of the document.

You will notice the CSS for the middle column has a margin-left and margin-right set. the margin left will allow room for the left column, therfor if you set the left column to 300px wide, with 10px padding (either side), set the margin-left of the middle column to 320px (300 for the width and 2 x 10 for the padding). This should make things work.

As I said, just a guess as I don't know the theme your using, so don't bite my head off if I've missed the solution.

Does this help at all?

Regards,

ZuluWarrior

drof1337’s picture

drof1337 commented

While I'm not familiar with the themes you're using, I suggest that the columns that you see and the columns that hold the content may well be separate divs.

If you're using firefox, grab the extension called "Firebug", and use it to see how the page is divided up, then you can find the name of the div that sets the visual width of the side columns.

mdlueck’s picture

mdlueck commented

After posting, I hacked "one more time" and thought that maybe the container in the middle had been given a really huge margin... thus space for the left/right col. Indeed that was how the developer did it, so I got that one properly adjusted. I will look at Andreas01 later for really big margins for the middle column.

Thanks!
Michael