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

kpm547 · 06-08-2005, 03:40 PM

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 · 06-08-2005, 05:52 PM

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 · 06-08-2005, 09:51 PM

Originally Posted by 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.
????: NamePros.com http://www.namepros.com/programming/96975-help-im-having-css-ie-problems.html

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 · 06-08-2005, 10:19 PM

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

Code:

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:

Code:

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.
????: NamePros.com http://www.namepros.com/showthread.php?t=96975

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 · 06-09-2005, 07:09 AM

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

kpm547 · 06-09-2005, 08:55 PM

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.

06-08-2005, 03:40 PM	THREAD STARTER #1 (permalink)
kpm547 NamePros Member Join Date: May 2005 Location: Canada Posts: 171	Help...I'm having CSS and IE problems 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? __________________ www.twocrazyducks.com - Two Crazy Ducks Web Hosting - Lethbridge, Alberta www.lasara.org - Lethbridge Area Search and Rescue themuellers.ca - The Mueller Family Webpage jobsitestructures.com - Job Site Structures Ltd. - for all your site office and accomodation needs!

06-08-2005, 10:19 PM	#4 (permalink)
cerebus NamePros Regular Join Date: Oct 2003 Location: Sweden Posts: 395	I was able to access your site now and I think what you want to use is an expression like: Code: 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: Code: 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. ????: NamePros.com http://www.namepros.com/showthread.php?t=96975 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.

06-09-2005, 07:09 AM	THREAD STARTER #5 (permalink)
kpm547 NamePros Member Join Date: May 2005 Location: Canada Posts: 171	Thanks for your help. I'll give it a try when I get home. __________________ www.twocrazyducks.com - Two Crazy Ducks Web Hosting - Lethbridge, Alberta www.lasara.org - Lethbridge Area Search and Rescue themuellers.ca - The Mueller Family Webpage jobsitestructures.com - Job Site Structures Ltd. - for all your site office and accomodation needs!

06-09-2005, 08:55 PM	THREAD STARTER #6 (permalink)
kpm547 NamePros Member Join Date: May 2005 Location: Canada Posts: 171	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. __________________ www.twocrazyducks.com - Two Crazy Ducks Web Hosting - Lethbridge, Alberta www.lasara.org - Lethbridge Area Search and Rescue themuellers.ca - The Mueller Family Webpage jobsitestructures.com - Job Site Structures Ltd. - for all your site office and accomodation needs!

06-08-2005, 05:52 PM	#2 (permalink)
cerebus NamePros Regular Join Date: Oct 2003 Location: Sweden Posts: 395	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.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)