+ Post New Thread
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
Web Development Thread, Webpage not following basic CSS in IE in Coding and Web Development; Help! Can a guru check out http://www.st-leonards-pri.lancs.sch.../calendar.html and see why it looks plain in IE (tried in 7 and 9) ...
  1. #1

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168

    Webpage not following basic CSS in IE

    Help!
    Can a guru check out
    http://www.st-leonards-pri.lancs.sch.../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

  2. #2
    Devontechie's Avatar
    Join Date
    Nov 2007
    Location
    UK
    Posts
    890
    Thank Post
    179
    Thanked 197 Times in 161 Posts
    Rep Power
    71
    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

  3. #3

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    test.jpg

    Like the above
    :even more confused:
    Si

  4. #4

    AngryTechnician's Avatar
    Join Date
    Oct 2008
    Posts
    3,730
    Thank Post
    698
    Thanked 1,212 Times in 761 Posts
    Rep Power
    394
    Try adding an HTML doctype (e.g. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">)

    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.

  5. #5

    AngryTechnician's Avatar
    Join Date
    Oct 2008
    Posts
    3,730
    Thank Post
    698
    Thanked 1,212 Times in 761 Posts
    Rep Power
    394
    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

  6. #6

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    Added the doc type (hopefully in right place) but no diff on IE
    changed heavy to bold and corrected the background - ta

    Si

  7. #7

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    I've come home and on my home Chrome renders it OK, IE7 still gives plain list ?????

    Si

  8. #8
    Devontechie's Avatar
    Join Date
    Nov 2007
    Location
    UK
    Posts
    890
    Thank Post
    179
    Thanked 197 Times in 161 Posts
    Rep Power
    71
    On my Chrome I get this which is the same as in IE9
    calendar.jpg

  9. #9

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  10. #10

    Join Date
    Apr 2007
    Location
    Birmingham
    Posts
    142
    Thank Post
    6
    Thanked 45 Times in 39 Posts
    Rep Power
    22
    You need to remove the <!-- --> from around the DOCTYPE statement

  11. #11

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  12. #12

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  13. #13

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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...ndarplain.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

  14. #14

    Steve21's Avatar
    Join Date
    Feb 2011
    Location
    Swindon
    Posts
    2,689
    Thank Post
    334
    Thanked 515 Times in 483 Posts
    Rep Power
    179
    Quote Originally Posted by SimpleSi View Post
    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

  15. #15

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    Not on this computer -nothing happens
    Si

SHARE:
+ Post New Thread
Page 1 of 2 12 LastLast

Similar Threads

  1. CSS Design
    By Hightower in forum Web Development
    Replies: 13
    Last Post: 27th January 2009, 04:39 PM
  2. CSS
    By jeffy in forum EduGeek Joomla 1.5 Package
    Replies: 0
    Last Post: 22nd January 2009, 03:13 AM
  3. CSS - PITA
    By Hightower in forum Web Development
    Replies: 8
    Last Post: 28th November 2008, 12:47 PM
  4. CSS Styles
    By crazy in forum EduGeek Joomla 1.0 Package
    Replies: 3
    Last Post: 12th March 2008, 06:54 AM
  5. CSS gurus!
    By nickje in forum Web Development
    Replies: 2
    Last Post: 12th June 2007, 11:42 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •