...

View Full Version : code mess just on internet explorer 9



CoolKay
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?

lwhiteheart.com
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.

bullant
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.

teedoff
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.

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

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

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

CoolKay
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
this
.contentimage {
float:left;
margin-bottom:10px;
border:none;

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

CoolKay
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?

teedoff
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.

CoolKay
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.

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

CoolKay
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum