Generator - Center Column disabled?

Hi Marco,
The center column checkbox is disabled and checked on purpose.
Every layout has a center column and you add a left and right if required.

I just preformed a quick test in firebird 0.6 and the template looks fine.
Once I get home tonight I'll have another closer look in Firebird 0.7

Oh, I got it, it makes sense and it saves me the headache of computing the width.

Anyway, I re-generated the template (marco711) with the same parameters; you can clearly see the problem with Firebird 0.7.

I invoked it from your site and again the "Footer" text is flush with
the footer div bottom border.

In case the template is deleted, here are the parameters I used:

- 3 col centered, 700px, XTML strict
- header 40px, footer 20 px
- left 150px, right 150px

I am curious if you or somebody else can verify this on Firebird 0.7.

I was already drooling over having found here the "holy grail", as far as generating correct CSS layouts goes, without a ton of hacks (I am still a beginner).

Hi Marco,
I can see what you mean now, when the footer is 20px or less or the content of the footer is higher then the footer height, mozilla based browsers break out of the footer
Looks like I have some tweaking to do.

Thanks for pointing it out.

Hi Marco,
If you set the height of the footer to a % value Mozilla based browsers will expand the footer to fit the content.
I can't think of any other solution at the moment so let me know if you think of something.

Well, I'm already used to the quirky world of browsers
In any case, csscreator is already giving me and everybody else
a great start.

But I think there is a bit more tweaking to do to get the header and
footer content right. The problem is, if I fix it for one browser, it does
not work in the other(.

You can see what I am talking about in the marco748 layout where I set both the header and footer to 40px. Now their content is rendered inside the div's,
but slightly offset towards the top border. This seems to be consistent in both browsers.

Hi Marco,
The content in the header and footer and everywhere else is contained in a content div, you could try adjusting the padding on that.
To target the footers top padding try#footer .content{padding-top:10px;}

Hope that helps