...

View Full Version : Solved: IE problem w/ embedded stylesheet vs. linked



Evolution
09-21-2006, 08:15 AM
Hey all. I'm new here, and I have a fairly perplexing problem which I've been unable to find any information about. Of course I've been at this for a while today, so maybe I've missed something simple. I'm trying to create a css layout with scrolling main content and a fixed header and footer. I started out using Stu Nicholls' design as a template and made the necessary changes and modifications to end up with my desired result. My layout can be seen here (http://www.cflcommercial.com/main/testwho.php). After hours of trial and error, the page looks exactly the same in IE, FF, and Safari, including most earlier versions. The vertical-scrolling in the content div works perfectly.

Content that I'd nailed the layout, I exported my stylesheet, linked it from all my pages, and started to add content. Now I'm noticing some strange bugs. For comparison's sake, the linked stylesheet is here (http://www.cflcommercial.com/css/mainb.css). I actually copied and pasted that straight off the testwho.php file, so it is identical. The main page is here (http://www.cflcommercial.com/main/about/who.php), also copied and pasted straight off the testwho.php file. They behave the same in Firefox, but in IE there is no scrollbar. I won't be able to test in Safari until tomorrow.

Even more strange, I did a similar test with this page (http://www.cflcommercial.com/main/testwhat.php), which has embedded CSS, and this cut-and-paste combo from the test page:
same linked stylesheet (http://www.cflcommercial.com/css/mainb.css)
main page (http://www.cflcommercial.com/main/about/what.php)
In this instance, IE displays the scrollbar, but the bottom of the content area goes well below the top of the footer and content is lost. It should count down from 19 to 0 twice entirely, as it does in Firefox with the linked stylesheet... and as it does in the IE, FF, and Safari with the embedded stylesheet.

Actually, if you resize the window on the who we are page (smaller) a scrollbar does appear in IE. So I guess it's just misinterpreting where the content div ends similary to the what we do page... but I'm still lost.

I'm at my wit's end. Should I just embed the stylesheet on every page? That seems ridiculous. I'm hoping I've overlooked something simple. Any help or suggestions would be greatly appreciated. Thank you.

Oh, and the problem is in IE 6.0.2900.2180... haven't checked other versions, but I'm sure it persists.

percepts
09-21-2006, 11:15 AM
your layout version has

<!-- Put IE into quirks mode -->

on first line. The others don't

Evolution
09-21-2006, 03:12 PM
your layout version has

<!-- Put IE into quirks mode -->

on first line. The others don't

Doh. Dumb as I feel for missing something so simple, I'm glad it's that simple. Thanks so much.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum