That might be a good idea if

Megan — Tue, 25 Mar 2008 14:54:21 +0000

That might be a good idea if you're not that experienced with CSS layouts. Keep it simple to start, unless you can find a pre-built template that works...

Thank you again webwiz. Yes

nin — Tue, 25 Mar 2008 00:11:17 +0000

Thank you again webwiz. Yes I guess it is the same technique. I won't be having a 3 column CSS layout because it's too complicated. I've stuck to my old design.

Yes. I see it now. The

webwiz — Thu, 20 Mar 2008 05:01:55 +0000

Yes. I see it now. The method mentioned in the article employs a large padding-bottom and a corresponding large negative margin. In your CSS I see this:

#left, #right, #content {
margin-bottom:-32767px;
padding-bottom:32767px;
}

'
Looks like the same technique to me.(?)

Anyways, I am very sorry to tell you that the page breaks very badly in all browsers this end, and in different and disastrous ways. Try, for example, increasing text size in Firefox by just one increment to see all three columns collapse to the right of the screen in a jumble.

My only suggestion is for you to start over. There are tested and working layouts at Layout Gala[1], while the "faux columns" method[2] for getting the appearance of equal height columns should work well for you.

[1] http://blog.html.it/layoutgala/
[2] http://www.strictlycss.com/articles/article/47/css-fluid-layouts-with-fa...

Hi webwiz. Thanks for the

nin — Wed, 19 Mar 2008 19:43:34 +0000

Hi webwiz. Thanks for the trouble and yes, my webhost was down for a couple of hours. It should be back up now (is here at least).

I did however not use the method mentioned in that article. I do however appreciate your concerns.

Thanks again

Hmm. My browser is telling

webwiz — Tue, 18 Mar 2008 21:23:54 +0000

Hmm. My browser is telling me it can't find your site.

From the conversation, it sounds like you are using the Equal Height Columns method from positioniseverything.net. If so, perhaps this article will help: Problems with the Equal Height Columns method.

Thank you, I will see what I

nin — Mon, 17 Mar 2008 20:45:32 +0000

Thank you, I will see what I can find.

Look up IE conditional

Megan — Mon, 17 Mar 2008 19:01:14 +0000

Look up IE conditional comments - that's what you need. There are a couple of ways to use them - you could serve a separate stylesheet to IE using conditional comments, or use the conditionals to put in a unique containing div for IE only (#IEroot or something like that) which you would then target in your existsing CSS.

Thank you for your reply

nin — Mon, 17 Mar 2008 18:54:22 +0000

Thank you for your reply Megan,

Yes, those margins are part of my wrapper which basically makes the left, center and right content expand to the size of whichever div (left, content, right) contains the most content. Without the wrapper the following would happen:

If I had a huge article in the middle, the left and right sides wouldn't stretch and the backgrounds thereof would in turn be white as the browsers don't render it like the human would like it to. Remove it, it displays correctly only because the content seems pretty much aight for IE but then not for the more valid browsers (Firefox, Opera).

You mention creating a rule, I've heard of people doing that but I've never seen examples. What is required of me to do? A simple edit in the CSS file or does it involve scripting to detect IE browsers?

Thanks again.

I think it has something to

Megan — Mon, 17 Mar 2008 13:59:30 +0000

I think it has something to do with the big negative margin/positive padding on the content and sidebar divs. If I turn that if it seems to go back to normal in IE. For some reason IE seems to be calculating that differently. You might have to put in a special rule for IE there.