Wordpress Themes - WP Forum at BFA - [SOLVED] My blog in IE looks like a nuclear disaster!

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- New Versions, & Updating (http://forum.bytesforall.com/forumdisplay.php?f=12)

- - [SOLVED] My blog in IE looks like a nuclear disaster! (http://forum.bytesforall.com/showthread.php?t=12785)

[SOLVED] My blog in IE looks like a nuclear disaster!

I never use IE and installed it only yesterday just to check how is my site looking, only to find out that my blog looks like a pile of crap.

Help, please!

It doesn't look much better in Safari and even firefox has it's issues. 3 browsers, three different looks.

Looking at the source, it looks like you have style sheets imbedded in the posts and other issues.

Disable all your plugins and take a look. then add them in one at a time and see if they are causing the issues.

Funny, I use Chrome and Firefox and everything looks perfectly OK.
I'll see what comes out of plugins.

It was Display Widgets plugin, thanks a lot juggledad!

I checked with Display Widget author and she advised me to check if widget works with other themes and it really works, so it is a conflict between Atahualpa and DW, not DW error.
Too bad for this is the most wonderful widget plugin :/

Well, same goes for other widget plugins. My problem is not resolved, don't know what to do, styling widgets messes up my sidebars and center content completely.

EDIT:

Further investigation reveals that when I have an empty left sidebar page shows as it should be.

What were you putting in the left sidebar?

I just found out! The problem was the widget with a form in it!

This is the code of the form:

Code:

<img src="http://kteis.com/wp-content/uploads/2011/02/KteisBelfry.png" alt="" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-CA" lang="en-CA">



<head>



  <title>[CSS] Customize your form with CSS - part 1</title>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        

  <style type="text/css">

  <!--

    input

{

color: #A9A9A9;

background: #000000;

border: 2px solid #1F1F1F

}



.submit input

{

color: #000;

background: #ffa20f;

border: 2px outset #d7b9c9

width: 100px;} 

  </style>



</head>



<body>

<form action='http://madmimi.com/signups/subscribe/21647' method='post'>

<div><center><label for='signup_email'><center>email</center></label><br /><input id='signup_email' name='signup[email]' type='text' /><br /><input name='commit' class='button' type='submit' value='sign up' <p><center>for newsletter</center></p></center>

</div>

</form>



</body>

</html>

Oh, this is relieving!

EDIT:

I removed the styling and now it is ok in all browsers.