Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: IE7 Float Bug

  1. #1
    Junior Member
    Join Date
    Apr 2008
    Posts
    12
    Member #
    16667
    Hi, this bug is driving me nuts. I don't know why it happens. All I know is that it is not even consistent.

    Here's a screenshot of the problem: http://www.argsoccertours.com/float-problem.jpg

    And here's the code for that part:

    Code:
    <p>The bus will take you to your hotel, where you can leave your luggage and take a shower.</p>
      <p>This day we suggest the Buenos Aires City Tour. Discover one of the most amazing cities in the world. Buenos Aires is a thoroughly modern city with more than 400 years of history. Visit Florida street, one of the most surprising pedestrian streets in South America. You don't want to miss Palermo Soho, the trendiest neighborhood in Argentina, where you will find tourists from all over the Globe;<img src="images/caption10.jpg" alt="Caminito" width="300" height="300" class="floatright" /> visit Puerto Madero, the preferred area for luxury offices and restaurants; and also check out San Isidro, the most exclusive neighborhood in Buenos Aires.</p>
      <p>You will also get to see Argentina's historic buildings, the <em>Casa Rosada</em> (which means &quot;Pink House&quot; and is the President's office), the <em>Obelisco</em> (a huge tower with a lot of history), and some of the oldest, yet best mantained museums and theaters in the world.</p>
      <p>Finish the day with a short visit to Recoleta, the neighborhood of choice for expats in Buenos Aires to have a good time and eat at the best restaurants.</p>
      <h2>Thursday, March 4 - <span class="redsubtitle">Practice + Palermo Soho + Recoleta</span></h2>
      <p>Your team will have a practice in the morning. A complimentary transfer will be available for you and your Tour Manager will help you with any arrangements that you need.<img src="images/caption11.jpg" alt="Rugby practice" class="floatright" /></p>
      <p>In the afternoon you can have <em>Tapas</em> -a Spanish typical dish- in Palermo Soho, a place that is so cool you will never forget it.</p>
    The CSS for floatright is:

    Code:
    .floatright {
        float: right;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    As you can see in the code, in both cases I insert the image the same way, but the first one looks OK and the second one doesn't. This happens on IE7 (not sure about other versions of IE), but for sure it doesn't happen on FF.

    Anybody has any clue on what could cause this?

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    One is floating to the right of the other float ...

    Put this in between your two <divs> :


    <div ....>
    first image
    </div>

    <div style="clear:both;"></div>

    <div .... >
    second image
    </div>

    ==============

    If no fix, then give us the URL so we can see all of the HTML/CSS.


    .


  4. #3
    Junior Member
    Join Date
    Apr 2008
    Posts
    12
    Member #
    16667
    Thank you mlseim.

    This is where the code can be found:

    http://argsoccertours.com/soccer-tours-and-prices.html

    Would that help?

  5. #4
    Junior Member
    Join Date
    Apr 2008
    Posts
    12
    Member #
    16667
    If it helps, I can tell you that when I put the image inside a div and I assign the floatright property to the DIV it works fine. But when I try to apply it to the image itself it screws up on IE (not always).

    Thanks for your help.

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    Did you resolve this?

    Because I downloaded the HTML and a couple images and
    I can't get it to fail on my PC (with IE6.0).

    I know you said IE7, but was it only IE7 where it failed?



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:57 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com