Vandret scroll

[scootergrisen]

Hvis jeg har et element med vandret scrollbar også jeg har noget indhold i det element som jeg ikke kender bredden på og hvor indholdet kan skifte hvordan får jeg så indholdet til at stå på samme "linie" ?

Som det er nu skal jeg sætte width før der kommer scrollbar ellers wrapper det bare til næste linie også kommer der ikke scrollbar.

Jeg vil helst undgå at skulle sætte width fordi så er det lettere at skifte indholdet.

Kode: Vælg alt

<div style="overflow-x: scroll;">

   <div style="width: 800px;">

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <div class="clearboth"></div>

   </div>

</div>

[MrLundholm]

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>
            ...

      <div class="clearboth"></div>

[scootergrisen]

Det wrapper også med denne kode.

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <div class="clearboth"></div>


</div>

[MrLundholm]

Det wrapper også med denne kode.

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <div class="clearboth"></div>


</div>

Det er jo det samme som min kode?

[scootergrisen]

Ja det var også det du forslog jeg prøvede men det hjalp ikke.

[MrLundholm]

Ja det var også det du forslog jeg prøvede men det hjalp ikke.

Jeg fik det til at virke fint på min pc

[scootergrisen]

Kommer der en scrollbar hvor du kan scrolle når du gør vinduet smalt ?

[scootergrisen]

Her en en demo hvor den ene har width sat og virker og den anden har ikke width sat og den kan ikke scrolle.
Demo : http://netkoder.dk/test/test0251.html