Wordpress Themes - WP Forum at BFA - [SOLVED] Widgets showing compressed in IE and normal in Firefox

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

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - [SOLVED] Widgets showing compressed in IE and normal in Firefox (http://forum.bytesforall.com/showthread.php?t=1897)

[SOLVED] Widgets showing compressed in IE and normal in Firefox

Hi,

I'm testing a new blog using the Atahualpa theme but something awkward happened: in Firefox 3 my right sidebar shows all my widgets fine but in IE 8 only the first one is on its normal size, all the others bellow it appear indented to the right and smaller.

I've already tried every tweak I could on the Wordpress and Atahualpa but no success yet.

I'm using Wordpress 2.7.1 and Atahualpa 3.3.3

You can see it at http://blog.wmoura.com

Wanderley

There is an error in the code of your first

HTML Code:

<div id="weather" class="widget widget_weather">

  <div class="widget-title">

    <h3>Paris Hoje</h3>

  </div>

  <div class="widget-content">

     <img src="http://ja.meswilson.com/blog/weatherimages/30.png" alt="Partly Cloudy" style="float:right;" />

     <span style="font-size: 150%;">17 °C

     </span>

     <br />

     (sensação de 17 °C)<br />

     <span style="font-size: 65%; float: right;">

       <a href="http://www.weather.com/?prod=xoap&par=1120588511">Weather data provided by weather.com&reg;

       </a>

       </a>

  </div>

</div>

notice after the 'Weather data provided by weather.com&reg' you have two </a>? The second should be a </span> to close the span just before that line. Because the </span> is missing IE thinks the rest of the code is part of the current span and treat's it that way. Other browsers are more forgiving.

juggledad,

Thanks a lot!

I've correct the code as you said and everything is fine now. :)