Ive asked this question to several people, none seem to find the problem. URL is; http://www.onlinefitnessreports.com In FF, the container wont load its background color, the body background seem to override it. What is the problem here? In IE, the fonts are all messed up, font color in bottom is wrong, and in my old IE here, there is a gap between the banner and the nav bar. Anyone have any tips for me?
You didn't enclose your float element. In this case, to #container, add {display: table;}. See my mysterious gap under images demo. To #banner img, add {vertical-align: bottom;}. cheers, gary
OK I can try to help! You mean underneath the only $39.95 part? Try adding: overflow:hidden; to the #container CSS. It's because stuff is floating around and isn't cleared properly. In style.css change copyright to #end refer to it that way Yes do not wrap things in <center> tags this is depreceated as it is there for presentational purposes and it's effect can be recreated in CSS without need for the center tags. Simply adding margin: 0px auto; to an element with a set width will center it. I also don't think copyright is valid tag (for now), I think it may be in HTML 5 (future) i'm not sure but you obviously got it from somewhere! Also use W3 Validator to check for further errors. Take that as a start and see how it goes and we can move on from there.
Great, thanks for the replies! Thats excactly the things I need, Im kinda new to CSS and dont know some of the things that should be basic. Again thanks!
Ok, so now I get another problem, thought I didnt need to start another thread as its still in FF the problem is and still got the spacing problem in IE. If you open my site in FF (http://www.onlinefitnessreports.com), and click 4-5 times on the Home Page link at the top, you will see that the right side, the ad-space, alternates by being where it should be, on the right side, and jumping down under the main area. Anyone have a fix for this? Its really breaking my balls, and this css/html/php thing is hard as hell