Hi, I am working on a website for a local folk group here in Nashville, and I am having a wee bit of trouble with my CSS. The link is http://stagolee.wecanseeformiles.com/ It's perfect CSS according to the W3C, however, if you open the site in IE, and goto a page like shows.php, the footer will be all whack. I'm sure it's a simple fix, but I am still learning. I have one more problem to, or a few tiny ones. My XHTML doesn't validate. A bunch of little parsing errors are popping up: http://validator.w3.org/check?uri=http%3A%2F%2Fstagolee.wecanseeformiles.com&charset=%28detect+automatically%29&doctype=Inline&group=0 What am I doing wrong here? Thanks!
Well, a simple fix that I can think of is this: Add the following in your CSS: .clear { clear:both; } HTML: And then add this right before the footer: <div class="clear"></div> HTML: That will fix the problem. I will look at your xhtml now, but no promises, since Im no good with validation
Ok, I got your page to validate. You have to add a few things. Between the <head> </head> tags, add the following. It fits well right before your <style> tag: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Code (markup): In .leftmain in your css add the following, it fixes the float drop problem in IE6: display:inline; Code (markup): And finally add the following to the end of your document: </div></body></html> Code (markup):
add one more </div> tag at the bottom before the </body> tag. There was 2 when I told you at first, but I think you deleted it when you edited it. So just add that </div> and it will validate. http://www.gatedisguise.com/test3.html http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0