View Full Version : code mess just on internet explorer 9

04-14-2011, 03:10 AM
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?

04-14-2011, 03:19 AM
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.

04-14-2011, 03:24 AM
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.

04-14-2011, 03:31 AM
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.

04-14-2011, 03:43 AM
I saw that in firefox 4 the captions below the text are messy. I think it would be better if you adjust your spacing. :)

04-14-2011, 05:22 AM
oops lol bullant already covered what I suggested.

not a problem :thumbsup:

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 :)

04-14-2011, 04:08 PM
not a problem :thumbsup:

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.:thumbsup:

04-14-2011, 05:13 PM
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
.contentimage {

PLEASE help me out, I am stuck

04-14-2011, 11:20 PM
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?

04-15-2011, 12:53 AM
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.

04-15-2011, 01:25 AM
I removed it. - Oviously it came in with that widget. I did not write the widget. It seems to be okay. Thanks.

04-15-2011, 01:26 AM
ahh ok. Did that resolve your issue?

04-15-2011, 04:39 PM
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.