Home/ Questions/Q 7978125
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T09:24:23+00:00

I have a problem woth floating divs. On this site you can see a

  • 0

I have a problem woth floating divs. On this site you can see a demo which shows the problem. There is a gallery which should display all the images in one wide row. Unfortunately all the images are showing below. Each slide wrapper is relative positioned, has given height and width and it has float set to left as well. It looks like pretty standard stuff but it is not working for me in this case:(.

All the code is bundled with the site, so better than posting it here would be looking in the web inspector. But if someone would mind, I can provide some code here:)

Thanks for your help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your problem is not with floating, that’s fine and should be float:left.

    But to have all the images left to right, you need a wider parent element, in your case, try changing this:

    <div class="sGalleryWrapper" style="top: 90px; height: 576px;"></div>

    to this:

    <div class="sGalleryWrapper" style="top: 90px; height: 576px; width: 10000px;"></div>

    Should help. The 10000px width is a made-up number. To see how much is enough for you, calculate the total width of all the divs you’re trying to align.

    Lets say that they are all 500px wide, and there are 10 of them. 5001px (one added) should be enough for you if there are no margins on your divs. If you have margins add them as well.

    • 0