Back Home

Open Designs

Community. Driven.

General Talk: [Resolved] Problem With Floats in IE7

Bottom of Page

1 to 3 of 3

  1.  
    •  
      CommentAuthoracousticsam
    • CommentTimeJan 16th 2007 edited by acousticsam on the 16th January 2007 at 20:20:21 EST
     
    I'm working on a template, where I'm using floats along with display:inline to make my text wrap around images. It works fine in FF2. However, in IE7, there seems to be too much margin on the right-aligned image, and it's pushing it out of view. I can't figure out how to fix it!

    Here's a screenshot: http://i128.photobucket.com/albums/p167/acousticsam/screenshot.jpg

    Here's a link to the template (scroll down to see the problem): http://acousticsam.cabspace.com/OutsideTheBox/

    Any help would be greatly appreciated.
    •  
      CommentAuthorcoollew
    • CommentTimeJan 16th 2007
     
    Hi acousticsam
    Just today had about the same problem.
    my solution was to put the
    <img class="right" src="img/outsidethebox.jpg" alt="I'm right aligned"/>
    inside the <p> tag. then adjust your margins and padding.
    hope I helped.
  3.  
    Oh alright, I guess that makes sense. Anyway, It worked, so thanks a lot. Template will be available on OD in the very near future...

1 to 3 of 3

  1.