Liquid width is not working

[naiani]

My first thread of the day.. ehehe
In order to make the footer stick properly to the bottom of the page, as I asked in my previous thread, I had to re-do the whole thing, using the model given by that website I showed you. The footer works neatly now.
But there's always a different problem whenever I change anything in my layout. This time, I'm facing the challenge of managing paddings/margins. I used the same model done as an example here (http://www.strictlycss.com/examples/three-column-layout-6.asp), but I changed the order of the menu and the content, putting the menu before the content, not after it like in the example. But I'm having problems with the width of the content area. I defined as max-width 44.8em, but FF doesn't seem to recognize it. I even put an !important to see if it would work. Nothing. It keeps the width fixed as if I was using px units. And because of this weird problem, the layout breaks when I test it in low res.
The address for this new approach is http://www.cglg-canada.com/testnew/index_teste.html.

Thanks for your help again!

-----

EDIT: Just testing the uploaded version on IE, the liquid width works perfectly. The problem occurs on FF.

[boogyman]

i showed you in the previous page how to accomplish this, and i gave you the layout code. you havent used any of that code, and also you have used an entirely new css file entirely that is alot different from your other one

please go back and look at how i set up the format and your problem should be fixed easily.

ps.. in IE6 the width's of the columns are all distorted, so i am assuming you are testing with IE7. be sure to test with different versions of IE, I usually test 2 versions back so IE6 and IE5.5

[naiani]

I was using that code, but this one is a new test I'm doing, since I wasn't able to make the footer stick to the bottom of the window if the columns aren't big enough to do it for themselves. This one does everything I need, including the sticky footer. But the width is not working as intended on FF, and I can't see the reason, as there are no fixed widths in the layout, beside the menu width, which obviously is not the source of the problem.

I tried to make the footer stick to the bottom of the viewport in my previous layout, but it didn't work, as I state in my last thread. You can see it here (http://www.cglg-canada.com/testnew/index_imp.html).

I also figured out that this layout wouldn't work properly on IE6- because of the box model problem. As I said before, it's a test I'm doing to see if I can sort the whole sticky footer thing out.

[boogyman]

if you just want it to be on the very bottom of all of the content you should be able to use

clear:both

however if you want it to be at the bottom of the page regardless of where the user is you can use



position: fixed;
bottom: 0;

[naiani]

I want the footer to be at the bottom of the window if the content is not long enough, or at the bottom of the document if the content is long. Like what happens in this testing layout that I said before.