I need help with this website: http://webpages.charter.net/jelsinger/Township-dark-blue/ It looks fine in IE7 and Firefox 3.6 but something is wrong in IE6. Since it is a government site I need it to look good in IE6 in case some people are still using that. Can someone tell me why 1) the left_top.jpg is sitting on top of the div id=“left” and 2) why the words “read more” and “view more” are cut off on the right side?
As always, tag soup is one thing browsers TRY to make something good out of it. They don’t always succeed.
You have invalid code, one of which being a lost </p>:
<p>This is where you would put your text.
</p>
[COLOR="Red"]</p>[/COLOR]
<p>Not all the pages are active yet. The only page that is linked is the History and Parks pages. </p>
Thanks for finding that code but that still doesn’t take care of the big problem which is that big blog of blue on top of the left menu that shows up in IE6. If you aren’t looking at the web page in IE6 you probably won’t see it.
Why are there 4 huge background photos filling the entire page called; spring, summer autumn and winter you cannot see the content at all!
I think you better get that sorted because if like me you surf without JavaScript the majority of the time the page will be screwed-up. It most likely will be a requirement that the page is accessible without JavaScript. Also might help if you fixed the code issues before we look at it within M$IE6.
O.K. First. How do I make it accessible without JavaScript? Second. Are the code issues you refer to the ones that Victorinox pointed out? Or, are there other ones too?
Sort out your JQuery sideshow script and CSS positioning because you have hard coded 4 images which obviously will display in the absence of JavaScript giving a height of over 1160px of images.
Added with the other CSS they just cover the page and obscure everything you probably should have used a DIV and CSS background images for the sideshow.
As the three additional images in the slideshow are only required when javascript is enabled, consider using jQuery to append these to the #slideshow div.
Someone may be able to offer more optimal code but e.g.
Those both seem to work. The big blue blob is gone in IE6 and the pages look good when I disable JavaScript. I’ll work on the other html codes tomorrow.
I can’t thank you enough. You are very kind for helping me.