Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts

    code mess just on internet explorer 9

    there is a mess on http://www.countyfairgrounds.net/calendartest.html - but only on IE9
    in the content division on the left side. I have spent two hours trying to fix this and would appreciate some help - At least now all the graphics are in the content division - I am referring to the calendar covers - in IE 9 I got me a mess. That does not exist in Firefox or in Chrome. Help?

  • #2
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The page looks a little weird in FF4, IE 8, IE 9 and Chrome 10.0.648.204 and your google analytics code is being displayed in the footer.
    Last edited by lwhiteheart.com; 04-14-2011 at 03:21 AM.

  • #3
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    You have declared your web page as HTML5.

    Imo, using html5 for "real" web sites is dangerous atm because

    1) html5 is still under development and not officially recommended by the w3c yet.

    2) support for html5 varies between the various browser manufacturers

    3) the final version of html5 could be different from what it is today and so what html5 works today might not still work when the w3c officially release it.

    The w3c validator spits out 16 errors for your link atm. The validator also clearly states that the html5 validation is an "experimental feature".

    If you don't have any specific html5 elements in your code, maybe try changing the doctype to html or xhtml.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    First try fixing the validation errors in your code. You have multiple id declarations, missing closing tags, and some others.

    oops lol bullant already covered what I suggested.
    Last edited by teedoff; 04-14-2011 at 03:39 AM.
    Teed

  • Users who have thanked teedoff for this post:

    CoolKay (04-14-2011)

  • #5
    New Coder
    Join Date
    Apr 2011
    Posts
    19
    Thanks
    2
    Thanked 2 Times in 2 Posts
    I saw that in firefox 4 the captions below the text are messy. I think it would be better if you adjust your spacing.

  • #6
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    Quote Originally Posted by teedoff View Post
    oops lol bullant already covered what I suggested.
    not a problem

    but be careful of "duplicating" some other member's (Philip M) posts as he jumps up and down with arms and legs flailing when I do it to him

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by bullant View Post
    not a problem

    but be careful of "duplicating" some other member's (Philip M) posts as he jumps up and down with arms and legs flailing when I do it to him
    lol ok I watch myself. Dont see him much in this forum though so I should be ok.
    Teed

  • #8
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Lets try this again okay. First I got code wiped out last night and had to quit, sorry. Okay the CSS3 validates fine. Its not that and I "think" a lot of you know that the html5 validator is simply not working right yet - for instance it keeps telling me I have unclosed > and I don't. So I reduced the errors (the ones I can from 19 to 11) the others are unfixable.
    HERE is the problem - in the <content> division I have now two calendar months - January and February - see the type under the February Calendar? I am used image class .contentimage - for some reason the type of January National Western StockShow is not where I want it - which obviously would be below the January calendar. Something is wrong with the type placement and it is messing up the whole dam section. And I can not figure out what it is. Currently the code for the image class is
    this
    .contentimage {
    float:left;
    margin-bottom:10px;
    border:none;

    PLEASE help me out, I am stuck
    http://www.countyfairgrounds.net/calendartest.html

  • #9
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Unhappy Fixed, countyfairgrounds.net/calendar.html

    One more time I want to point out that the html5 validator has inherent errors in it - it is not perfect. It keeps putting out that there are unclosed tags> BUT that is not true. I have gone from 19 to 9 errors. The errors that are now there cannot be "fixed" some are from other scripts running on this site. Like my PayPal buttons - I removed the border attribute
    Okay. that being said my css3 validates and I believe this page is okay now. Apparently you can reuse a section class tag as many times as you want on a html5 page. I see the url nice looking in Firefox, IE9 and in Chrome. Any comments?

  • #10
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Just out of curiousity, you have a closing </head> tag way down on line 575. Not sure why or how its there, but try removing it. It is one of the validation errors anyway.

    Actually you have a whole <head> section with a stylesheet link. Not sure why this all would be there. Stylesheets are normally linked in the head section, but the head section should be at the top of the document.
    Last edited by teedoff; 04-15-2011 at 01:22 AM.
    Teed

  • #11
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts

    okay

    I removed it. - Oviously it came in with that widget. I did not write the widget. It seems to be okay. Thanks.

  • #12
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    ahh ok. Did that resolve your issue?
    Teed

  • #13
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts

    now I have just 8 errors

    there are 8 validation errors in the html5 now instead of 9 - did something.
    Actually I rewrote the css for the <content> in the center of the page.
    the .contentimage in the css would not wrap the text. Well actually I did not want it to wrap the text. I wanted the text below the image like it now displays. The way I did it was to write a new section class - contenttext I believe and place the darn wording for like January - National StockShow Denver in it.
    Could you look - in the different browsers you have and let me know? if you see major problems. I am working chrome, IE9 and Firefox 4 and it looks good in all of them here.
    By the way I am determined to work out with html5.
    now what about rounded corners.


  •  

    Tags for this Thread

    Posting Permissions

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