I have a website at Click Here. Most of the pages on the site will render with chrome but the “products” page seems to be missing column 2 and the footer area. However, with IE8, it all renders fine. Does anyone (Paul O’Brian?) know how to fix this?
Thanks very much. 
It’s not just Chrome, but Firefox. It might be the Commenting on “Column Two” try adding an extra hyphen to “->”
You know, that might just be it. I will try that and come back to this. Thanks!
Yes, that was it!! Thanks very much!!! 
You’re welcome. Leave it to IE. Chrome and Firefox were correctly treating the comment as “on” for everything in the second column because, due to the typo, nothing was turning the comment off. Logic demands it. But of course, IE has to rebel against logic, creating confusion. 
I’m a little surprised it renders right anywhere, since this is another of those sites that I’m seeing four different appearances in four different browsers, and NONE of them look right.
That it’s a fixed width with px metric fonts – as I point out time and time again on these forums way to piss all over any chance of accessibility.
I have a saying, CSS is only as good as the HTML it’s applied to, and your HTML, well… Whole bunch of DIV for nothing, nonsensical/nonexistant heading orders/use, images in the markup that are strictly presentational and as such have no business even being in the markup in the first place… clearing div, no media targets for your CSS… hardly a shock to see the tranny doctype at that point, since it is definitely in transition from 1997 to 1998.
First order of business would be to clean out the stuff in the HTML that just doesn’t belong there, straighten out the headings, get the stuff that should be lists (the menus) into unordered lists… stripping out the unnecessary and presentational classes like ‘orange’, putting it into a modern document style, lose the pointless/wasteful clearing div, etc, etc…
making the HTML be something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
><head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
http-equiv="Content-Language"
content="en"
/>
<link
type="text/css"
rel="stylesheet"
href="screen.css"
media="screen,projection,tv"
/>
<title>Creative Sports Fly Shop :: Products</title>
</head><body>
<div id="pageWrapper">
<h1>
<a href="/">
Creative Sports Fly Shop
<span><!-- image replacement --></span>
</a>
</h1>
<ul id="mainMenu">
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="https://commerce.earthlink.net/www.creativeflyshop.com/Merchant2/merchant.mv?">On-line Store</a></li>
<li><a href="http://creativeflyshop.com/Merchant2/merchant.mv?Screen=CTGY&Store_Code=CS&Category_Code=SI">Sale Items</a></li>
<li class="last"><a href="whoweare.htm">Who We Are</a></li>
</ul>
<div id="fauxColumns">
<div id="contentWrapper"><div id="content">
<ul id="subMenu">
<li><a href="phototour.htm">Photo Tour</a></li>
<li><a href="rodsreels.htm">Rods & Reels</a></li>
<li><a href="wadersboots.htm">Waders & Boots</a></li>
<li><a href="accessories.htm">Accessories</a></li>
<li><a href="fliesflytying.htm">Flies & Fly Tying</a></li>
</ul>
<h2>Products</h2>
<img src="images/banner_products_home.jpg" class="plate" />
<p>
With one of the most extensive selections of fly tying material as well as quality fly fishing rods and reels, you owe it to yourself to visit Creative Sports before you make that ever important next purchase. We want to help you match the right rod and reel to the angling, the conditions and the price that will best suit you and your experience level.
</p><p>
At Creative Sports Fly Shop, we have a long tradition of ensuring you have the best possible angling experience, and want to make certain that all your fly fishing concerns and questions are fully answered. Once out on the water, you will know that you've been outfitted for your personal needs.
</p><p>
Creative Sports Fly Shop is a fly tier's paradise with the very best fly tying materials and tools available. We also have one of the largest fly selections in Northern California.
</p>
<h3>Product Lines:</h3>
<ul>
<li>Sage</li>
<li>G. Loomis</li>
<li>Scott</li>
<li>R.L. Winston</li>
<li>St. Croix</li>
<li>TFO</li>
<li>Redington</li>
<li>Simms</li>
<li>Ex Officio</li>
<li>Galvan</li>
<li>Abel</li>
<li>Tibor</li>
<li>Hardy</li>
<li>Bauer</li>
<li>Okuma</li>
<li>Ross</li>
<li>and more!</li>
</ul>
<a href="https://commerce.earthlink.net/www.creativeflyshop.com/Merchant2/merchant.mv?" class="shopLink">Shop on-line now!</a>
<!-- #content, #contentWrapper --></div></div>
<div id="sideBar">
<h2 class="fishStory">
A fish Story
<span><!-- image replacement --></span>
</h2>
<p>
After a very intense week and a busy sat morning luke, christine the puppy and I drove up to putah creek.(left at 3:45)...I have been all over the sierras and much of Nor Cal but never to that area (and that's with some good friends living in Winters)...I was amazed at the beauty...Lois, I had a great time-not catching fish - if that makes sense..
</p><p>
I thought 80% of my casting was fair to above average (clipping my finger and ear in one cast was pretty slick) and as George mentioned, putah's pretty technical (particularly with the blustery wind) 2 tree snags in the first 5 min--none thereafter...I had 1 sweet strike but was so enamored with the cast I was unprepared to do anything other than watch my potential meal jump, half twist and spit my fly almost right back at me...luke was smooth as silk and worked a large stretch of water..he became obviously very frustrated with the zero result but I think overall he enjoyed himself..we had a nice talk about the 'craft' and how tough the process is.
</p><p>
My hope is that he goes again soon..perhaps tomorrow with his mom for a few hrs in the morning......we need more flys, tippet and advice..hope to see you during the week...
</p><p>
We really appreciate the common sense assistance you've provided...
</p><p>
Tim
</p>
<!-- #sideBar --></div>
<!-- #fauxcolumns --></div>
<div id="subFooter">
Creative Sports Fly Shop
<span>•</span>
1924 C Oak Park Blvd.
<span>•</span>
Pleasant Hill, California 94523
<br />
(925) 938-2255
<span>•</span>
<a href="mailto:info@creativeflyshop.com">info@creativeflyshop.com</a>
<!-- #subFooter --></div>
<!-- #pageWrapper --></div>
<div id="footer">
<ul>
<li><a href="Sitemap.htm">Sitemap</a></li>
<li class="last"><a href="mailto:info@creativeflyshop.com">Contact Us</a></li>
</ul>
©2008 Creative Sport Fly Shop. All Rights Reserved
<!-- #footer --></div>
</body></html>
Which pitches about a third of the code you had in the trash.
If I have time later I’ll take a stab at the CSS I’d use with that, fixing all the ‘issues’ I’m seeing here.
Here’s what I came up with:
http://www.cutcodedown.com/for_others/sarahBellum/template.html
as with all my examples the directory:
http://www.cutcodedown.com/for_others/sarahBellum/
is wide open for easy access. (and it’s behind a robots.txt so don’t worry about it indexing). Tested working all the way back to IE 5.5 working just fine (there’s 1px of pixel alignment off in 5.x – oh well) excepting of course that IE8 and lower don’t get the extra shadow.
I didn’t bother with the fancy script – I’d suggest webfonts instead of image replacement on that since that is a heading, it should be text. Two thirds the HTML, less than half the CSS, and fixes most all of the accessibility issues except the fixed width… which the entire top of the page really isn’t designed for. (though it could be).