Home/ Questions/Q 7064875
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:53:16+00:00

I try to make a slider but have trouble, with placing all my div

  • 0

I try to make a slider but have trouble, with placing all my div tags in one line. How do I do that?
And how to do auto-width for #slider_content?

<div style="width: 100px; height: 20px; background: #FFA; overflow:hidden">
        <div id="slider_content">
            <div style="width:50px; height: 50px; background: #ccc; float:left">1</div>
            <div style="width:50px; height: 50px; background: #faa; float:left">2</div>
            <div style="width:50px; height: 50px; background: #ccc; float:left">3</div>
            <div style="width:50px; height: 50px; background: #faa; float:left">4</div>
            <div style="width:50px; height: 50px; background: #ccc; float:left">5</div>
            <div style="width:50px; height: 50px; background: #faa; float:left">6</div>
        </div>
    </div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The width of your outermost DIV is far too narrow – increase it to be at least 300px.
    Alternatively set the widths of your innermost DIVs to be a percentage which total <= 100%, then set slider_content to have width of 100%.
    e.g.

    <div style="width: 100px; height: 20px; background: #FFA; overflow:hidden">
    <div id="slider_content" style="width: 100%">
        <div style="width:15%; height: 50px; background: #ccc; float:left">1</div>
        <div style="width:15%; height: 50px; background: #faa; float:left">2</div>
        <div style="width:15%; height: 50px; background: #ccc; float:left">3</div>
        <div style="width:15%; height: 50px; background: #faa; float:left">4</div>
        <div style="width:15%; height: 50px; background: #ccc; float:left">5</div>
        <div style="width:15%; height: 50px; background: #faa; float:left">6</div>
    </div>
</div>
    • 0