Skip navigation
valf
Currently Being Moderated

Div shifting under

Jun 11, 2012 1:49 PM

Could anyone tell me why is my right div behaving this way (when you get to the page, try clicking the images from the gallery preview, you should get the right column shifting under the right one ... ) I don't get why ... any help will be appreciated ....

The styling for it can be found right at the bottom of the styling.css file.

Link: elhoster.com/hostelinn/test.php

 

This happens with firefox as the gallery uses html5 markup not available in IE so you have to see the page with firefox

Many thanks in advance

 
Replies
  • Currently Being Moderated
    Jun 11, 2012 2:33 PM   in reply to valf

    Seems to be dropping with click on only the second row pics.

    Anything different for those pics?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 2:43 PM   in reply to valf

    Not yet uploaded I assume, I have no idea why, removing the line height rule seems to solve it.

     

     

    html {

     

        font-size: 87.5%;

     

        line-height: 25px;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 3:03 PM   in reply to valf

    I can tell you for certain that removing the line-height on the <html> tag solves the problem in Safari.  That was a very good call, Ken.  I would not have thought to look on that tag for anything!

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 3:53 PM   in reply to valf

    Sorry, no IE here

    Are you seeing a horizontal scrollbar?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 4:17 PM   in reply to valf

    Removing this seems to do it 

       overflow: auto;

     

     

    .leftCol {

     

        float: left;

        height: auto;

        overflow: auto;

        padding-bottom: 50px;

        padding-left: 15px;

        width: 615px;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 4:43 PM   in reply to valf

    You're most welcome -

    Your perseverance was impressive.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points