Problem: (THIS IS ONLY HAPPENING IN IE6 AND BELOW) Seems like a double margin between the bottom of my header, and top of my body. Right below the navbar I get about a 75px white blank (This should not be there) help! I'm not sure why it's doing this. Everything looks fine in any ie after ie6. Firefox, chrome, and the other major browsers display my site without any problem, it's just ie6 and below I'm having a little trouble with. I know that IE6 is pretty much an artifact now and only a select few still use it, but I'm pretty OCD when it comes to these sort of things, so please help me out.. If you have IE6, take a look at my site: momentumautoworks.com/siteindx.html (The site is still under construction so you HAVE to view it through this link, otherwise you will get an under construction message with the root url) If you want to take a look at the pages css to see if anything in it is causing the problem, the link to it is: momentumautoworks.com/Styles.css (It's viewable to everyone right now) please help me out!
Insert the below line of code inbetwwen your head tags <!--[if IE 6]><link rel="stylesheet" type="text/css" href="http://www.yourdomain.com/csssheet-ie6.css" /><![endif]--> Create a new style sheet and modify the things you need to. Lets say you are having problems with one div, this is all that needs to go into your ie6 style sheet What this will do is when somebody visits your website using ie6 it will call the other style sheet along side your original one and make any amendments you have requested in your ie6 style sheet.
Ahhh I see, I'll try it out, will that conditional statement trigger with internet explorer below ie6 as well? Or would I have to make a conditional statement for each browser?