I'm floating images in my css with this css:
div.floatright { float: right; width: 102px; margin: 0px 0px 10px 10px; background-color: #f1f1f1; padding: 10px; border: 1px solid #666; }
And adding it to my page with this code:
<div class="floatright"> <img src="images/hance.jpg" alt="" width="200" height="200"> <strong>Whooa!</strong> <div style="clear:both"></div> </div>
The problem is that in IE6 on PC it formats the picture fine, but in Sarfari(mac) or Mozzila(pc) it pushes the pic into my subnav div on the right. It should push it left into the text.
Also in IE 5.5(mac) all of my subnav div on the right pushes down under my mainpage content div. Any suggestions would be great!!
You can see it here: http://www.raftinginoregon.com
Problem with Foat in Safari Mac and Mozilla PC
Hi 123dhs321,
The width of your image is less then the width of the div holding it :?:
Fixing that should fix your problem.
Hope that helps
Thanks!!
WOW what an overlook. I've been racking my brain for about a week trying to figure that out and it was so simple.
Thanks for seeing that and helping me out.
-ryan