Help...I'm having CSS and IE problems

[kpm547]

I just uploaded my redone site. Worked great on the test server in IE but not anymore.

Help!

This is the site: www.lasara.org
This is the lin to the style sheet: www.lasara.org/css/lasarastyle.org

For some reason the main content div does not recognize a top margin or the min-height in internet explorer. I know IE doesn't recognize the min-height attribute. How do you get around that and have the footer stay at the bottom of the page? Also is there any issues with margins in IE?

 

[cerebus]

I dont seem to be able to visit your site at the moment and am unclear about exactly what you want to do, but as for simulating min-height it is possible to add some javascript with the IE propietary expression() in your CSS.

I have a short howto on my site here. The example says max-width, but the principle would be the same for min-height even though the condition clause in the expression() would differ.

 

[kpm547]

I dont seem to be able to visit your site at the moment and am unclear about exactly what you want to do, but as for simulating min-height it is possible to add some javascript with the IE propietary expression() in your CSS.

I have a short howto on my site here. The example says max-width, but the principle would be the same for min-height even though the condition clause in the expression() would differ.

I don't know anything about javascript. Could you post what I would need to simulate min-height? Is it possibleto do if I want the min height to be 100%?

 

[cerebus]

I was able to access your site now and I think what you want to use is an expression like:

height:expression(document.body.clientHeight + 'px');

But since you have to take into account the height of the footer itself for all but the outer container, you want something like this for all but the #main container:

height:expression(document.body.clientHeight - 20 + 'px');

This goes for all containers that has min-height:100% and height:100%. Be sure to add this statement after those two.

I tried with one page of your site and it worked out fine, but I did not take much time to look into your code so it might cause problems on other pages.

 

[kpm547]

Thanks for your help. I'll give it a try when I get home.

 

[kpm547]

Thanks again for the script. I tried it out and it works half the time.:?

It seems to work for these pages: www.lasara.org/about/ and www.lasara.org/training/

but it doesn't seem to work on these pages:
www.lasara.org/recruitment/
www.lasara.org/operations/

Any thoughts on why? I appreciate your help.