I have put my site together using CSS and HTML. I have everything laid out without using tables. The site works fine in all browser I have tested on browsershots.org. The only one that I have an issue with is IE 6. I am hoping somebody will know what's going on with this. You can see the glitch I am having at the link below. fredduran.com/glitch.png The site page itself is located at: fredduran.com/form.php The CSS file I am using specifically for IE6 is: fredduran.com/ie6.css I am kinda new to coding using CSS to get things laid out properly. I have been messing with the CSS quite a bit to come up with a solution so I am sure it will look strange at this point. I apologize that nothing is notated. I didn't do it because there isn't much going on in the site. Let me know if you guys need any more information on this. I appreciate any help you guys can provide.
Hi, You did little but big mistake!!!! How? Always place your IE stylesheet(or any alternate stylesheet) after main stylesheet. Here you have placed IE stylesheet before main stylesheet. So browser is not able to overwrite IE Fixes. And second you just need to place this code in ie.css #content { width: 633px; } remove other style from ie.css Hope it will help you. Regards, Ronak
Worked perfectly, thank you so much. Can't believe I tooled around with that for 2 hours. Always something simple. Thanks again.
You'll always need to double check things in IE6 when you do a CSS layout. IE6 is notorious for not "playing nice" with the spec. Look at Position is Everything for more info.