What could be wrong? If there is not a default solution, would someone care to jump in and look at it? Thanks.
It seems like it doesn't want to pick up the style.css. I had a look around but couldn't find what was triggering this. Please see this link, to see what I'm talking about: If you find the solution, do tell what part of code you edited, because I have a few other websites to edit! Thanks so much.
Did you fix it? All seems OK (FF & IE), other than some non-trivial syntax errors in the markup. cheers, gary
you say the sites not displaying correctly do you have a live link to the site what are you expecting it to do? what isnt it doing in IE?
Hm...you don't see it? Which version of IE do you have? My version is 6.0.2900.2180.xpsp_sp2_rtm.040803-2158. Apparently it doesn't work in IE6. Here is a screenshot on how it looks like: http://img216.imageshack.us/img216/2500/screen2gv9.jpg The site is not live yet, the link I gave before is to the full zip archive of the files. That's not the page itself.
I don't open zips but does that same IE pick up CSS styles on other pages? Because you can turn styles off in the browser. Maybe you did that by accident? Otherwise, throw the page and CSS up to a temporary folder, with a robots.txt so it doesn't end up on teh googles, and let us look at it in our browsers as an online web page. We might also find other problems that you can't test for locally.
Sure, here is a template with dummy text: http://wordtest.dreamhosters.com/index.html IE picks up other .css files and displays webpages properly, just not this one.
Okay, yup, I see it. My main suspect is the comments just after the doctype. Are you able to move those somewhere else? (I'd stick them just beneath your internal styles, just before the end of </head>) IE does have this thing where sometimes, for some reason, it looks at commented stuff. Since it comes before the <html> tag, I'd move that first. I don't see anything in the CSS that would exclude IE. It is however seeing your CSS-- the text is coloured etc. It seems it's only ignoring centering and the such. I don't see anything in the CSS to prevent that, and you have a proper doctype with nothing in front of it... so I'd say, look at it after moving that commented text somewheres else.
Oh, it seems that in this version I forgot to remove the comments. I designed this template out of three templates. However it seems this is not the problem, since it still does not display. Some CSS styles are not separated and written directly into the index.html, so this might be the reason it displays? Any other clues? Thanks in advance! P.S. Have you seen this screenshot? This is how the page appears in IE6 http://img216.imageshack.us/img216/2500/screen2gv9.jpg
Yeah, I saw it. IE6 and IE7 do it. Actually, so does IE5.5! The only reason some of the colours are showing up, and some of the stuff is staying in the middle, is because you've got some inline CSS styles which IE is picking up on. While inline styles will always override internal and external styles, that's not the problem. I can't figure this one out. You've got some errors in the HTML but that shouldn't stop the CSS. You've also got some errors in the CSS but not the type which would stop them from rendering (forgetting a closing } would stop all styles after that point, but I didn't see any errors like that). Opera, Safari, FF2 and 1.5, Konqueror, all show the external css. Damn, this one's tricky. Or it's something really stupid and obvious. One or the other. Try validating both documents and check again.
Oh good lord, I found it! This was wrong: Before: Now Fixed: I forgot to add " after Times New Roman. What a stupid issue for 24 hours of my time, lol! Thanks A lot Stomme poes for jumping in!
"Or it's something really stupid and obvious. " Yep. Forgot to close the quote. .style1 { font-family: "Times New Roman; /*<- here*/ font-size: 12px; color: #666666; } Code (markup): //edit: Curses! Late by seconds. cheers, gary