Hello, I have designed a blog associated with my website (http://www.outplaypoker.com/poker-tips). It appears perfectly in Firefox and Chrome. But of course IE screws everything up. I was wondering if anyone could take a peek and tell me what I could add to fix it? Best Regards, Nick
Remove float:right from .livechat Only for IE7, work with conditional comments. For example: <!--[if IE 7]> <style type="text/css"> .livechat { float:none; } </style> <![endif]--> Code (markup): That should do the trick. Insert it after the <link> to the CSS file.
Your doctype is incomplete, putting IE into quirks mode. For new pages you should be using a strict doctype anyway, and the full version looks like : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Code (markup):
The doctype is not incomplete. It's a wordpress installation and those are NOT incomplete. It is XHTML 1.0 Transitional, that's ok (strict is not needed and would generate more invalid code with wordpress anyway). Check here: http://validator.w3.org/check?uri=http://www.outplaypoker.com/poker-tips/ If the doctype would be "incomplete" w3c validator would tell us. IE7 is rendering CSS different, that's why. My conditional comments should work.