This is my first post on CSS-tricks. I really love this site and how informational it is. I just completed my first full css site and I’ve ran into some browser issues in IE 6.0, and 5.5. My code guy is still new to a lot of the browser bugs as he is still learning CSS, so any help is appreciated. my website is at http://www.prophetdestination.com. As you can see there are some issues with the side image that is floated to the right and also with the menu which I followed the screencast from this site on.
Looks like a fresh and trendy design, but there’s one thing: you’ve put min-width: 1440px; on the body-selector. Why is that? (I tested it on FF2 and IE7/Win)
Remember that alot of users are still on small screen resolutions, as 1024×768 is still a default setting on non-customized end-user machines. And some even use 800×600. Although you might not want to support 800×600 (sometimes I do understand that, since it’s hideously small), you should at least try to support 1024×768.
Hey guys thanks for the great comments on the site. I’m trying to take in as much as I can on making these sites. I’m more of the graphics guy but I still want to be able to do everything and anything if you catch my drift. as far as the min-width I think I’m just going to lower it to the 1024 like you suggested. Unfortunately my header and footer are rather large which I believe is contributing to the problems in that category. The one other thing I’m concerned about though is for IE 6.0. when viewing it the menu gets lost completely and the main content with the float is off as well.