[css] Webpage not following basic CSS in IE

[SimpleSi]

Help!

Can a guru check out

http://www.st-leonards-pri.lancs.sch.uk/cal/calendar.html

and see why it looks plain in IE (tried in 7 and 9) but is "nicely :)" formatted in FF (4)

 

I'm sure its something simple (e.g not getting it right but FF being more forgiving than IE )

 

Si

[Devontechie]

What does it look like it FF4? I've just tried it in FF5, Chrome, IE9 and they all look the same. Just a plain list

[SimpleSi]

 

Like the above

:even more confused:

Si

[AngryTechnician]

Try adding an HTML doctype (e.g. )

 

On IE9 here it's rendering in Quirks mode by default, but forcing the browser into standards mode (via the F12 developer tool) makes it render the same as it does in Firefox 4. I think adding the doctype will make it render in standards mode by default.

[AngryTechnician]

Also you have some invalid CSS in the style tag of the HTML page: "heavy" isn't a valid CSS font-weight, and you've got a background-color of #eoeoff which I think should be #e0e0ff

[SimpleSi]

Added the doc type (hopefully in right place) but no diff on IE

changed heavy to bold and corrected the background - ta

 

Si

[SimpleSi]

I've come home and on my home Chrome renders it OK, IE7 still gives plain list ?????

 

Si

[Devontechie]

On my Chrome I get this which is the same as in IE9

[SimpleSi]

So, FF ok, Chrome OK, IE9 ok - just IE7 and 8 to go

 

I wouldn't care - but its not as if its some complicated layout!!!!

 

Si

[andy_b]

You need to remove the from around the DOCTYPE statement

[SimpleSi]

Sorry - I was playing - I've now created calendar2.html to play with and I'll leave calendar.html alone until I can come up with a fix

 

Si

[SimpleSi]

Yippee - I'm starting to get there - I found someone elses .html that has a lot less css in it and that seems to be much better.

 

Interestingly - that doesn't have any doctype header in it and I'm really confused as to whether the css stylign should be commented out or not?

 

Si

[SimpleSi]

Lastest I've come up with is that I used Firebug in Firefox to copy the actual HTML body text that FF thinks its getting via the javascript/css/html.

 

I then pasted this into http://www.st-leonards-pri.lancs.sch.uk/cal/calendarplain.html , added in the headers/css from calendar2.html and it looks fine in IE7 which would seem to exonerate the CSS element.

 

So at the moment, I think its the javascript thats not delivering the right content (or at least IE7 valid content anyway).

 

If there a tool/website that will let me view what my IE7 thinks its getting (like Firebug for Firefox)?

 

 

Simon

[Steve21]

If there a tool/website that will let me view what my IE7 thinks its getting (like Firebug for Firefox)?

 

 

Simon

 

Can't you just hit F12 and use developer tools? (Pretty sure IE7 had it)

 

Steve

[SimpleSi]

Not on this computer -nothing happens

Si

[Steve21]

Mmm seems it was only IE8 that comes by default My bad.

 

IE7 has a toolbar version Download Details - Microsoft Download Center - Internet Explorer Developer Toolbar you may want to try, not sure it does all the other one does never used it. But an option.

 

Steve

[SimpleSi]

Just tried page in IE8 - it looks alright - so just one (or 2 if I try to get it to work with IE6 ) to go

 

Si

[SimpleSi]

Right -gave up on the javascript calendar interface for IE7 and found some code to access a google calendar using php and css works fine in this one: )

 

Listing calendar contents

 

I just need to sort the incoming data into date/time order and find out how to deal with the "Technician on Site" recurring events (Which must have a different xml structure)

[EDIT] Sorted in 10 mins - you can add a parameter to the feed request that turns recurring into a set of single events before the xml feed is delivered to my code [/EDIT]

 

I'll find it a lot easier working in php - mainly because its much simpler to debug it as it just generates straight html

 

Ta for help though

 

Si

Edited June 25, 2011 by SimpleSi