floating image not working in IE but in Safari and FF

• 

  myphotoscout · Member · Jan 18, 2009 at 4:09 am

  • Copy link
  • Add topic to favorites

  I build my custom theme around Sandbox-10 and Magnolia:
  http://sndbx.org/results/designs/magnolia/

  I noticed that the images didn’t look as nicely and they didn’t float, so I added the code below to the end of my css style.
  Everything looks fine in Safari, but in IE shows the image inline and not floating. What can I do to get this working in IE too?

  .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
  .wp-caption.alignleft { float: left;margin: 0px 15px 5px 0px;}
  .wp-caption.alignright { float: right;margin: 0px 0px 5px 15px;}
  /*.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
  }*/
  .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  }

• 

  myphotoscout · Member · Jan 19, 2009 at 8:24 am

  • Copy link

  I tried a few more things, but IE stubbornly refuses to float an image while the other browsers do float it.