Forum Moderators: open
[webmasterworld.com...]
I have 1 site giving me problems getting it centered on IE6 and 7. It looks fine on FF. It's a Wordpress Theme.
Why would most themes work fine on both browsers IE and FF but I have this one that goes to the right of the screen. In fact it appears the text is also very slightly larger so if we narrowed the page somehow than it would look even more narrow on FF. We would simply like it to appear the same on all browsers like any other well built site.
It works fine in FF but on IE6 and IE7 the site is to the right and less on the left side. Thus, the horizontal nav bar is cut off and one link falls beneath it as well as some header elements like the tagline which as you know on wordpress blogs tend to be placed on the right side of screen top of header.
The failure to centre and the menu issue is produced by a combination of invalid code, multiple declarations of the same dimensions, and collisions between various hacks and "fixs".
Validation and a code clean-up is suggested in the other thread, and having performed that exercise myself, the document displays without issue in Op9, winSafari, ff2&3, ie6&7 - no hacks, no seperate css for ie, and no "fixes" required.
Less code - not more ;)