horisontal overflow

overflow: x-auto;
overflow: y-hidden;

er vist kun egnet til IE

umiddelbart ligger dine billeder i to rækker også i stedet for en, og det laver selvfølgelig også problemer.
Normalt er det fordi man definerer sine tabeller forkert når scrollen kommer forkert, man kan så kode sig ud af det nogle gange, men hvis man laver tabeller og celler riktig så skulle det spille med det samme

overflow: x-auto;
overflow: y-hidden;

virker ikke. Den udvider bare boksens højde så billederne ligger oven på hinanden. Jeg forstår ikke hvorfor at billederne bliver lagt oven på hinanden, i stedet for i en lang række. Jeg har smidt dem ind sådan her <div> <a><img></a> <a><img></a> <a><img></a> <a><img></a> <a><img></a> </div>

det er fordi det hedder overflow-x og overflow-y istedet:
overflow-x:auto;
overflow-y:hidden;
overflow:-moz-scrollbars-horizontal;

Hvis du gør sådan virker det også i Mozilla  :-)

skovenborg-> du har så evig ret :o) en tanke torsk herfra

Det virker stadig ikke. Problemet er stadig at den stabler de billeder der går ud over de 450 px, i stedet for at lægge dem på en lang række. Jeg har uploaded en ny version af siden med de nye overflow settings på samme adresse (http://polygoner.dk/gallery.htm). Nogle forslag til hvordan jeg undgår stabling og får billederne i en række?

hvad med noget i denne rettning:

<div class="gallery">
          <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
              <td width="20%"><a href="#"><img src="litteteaser/casa.jpg" alt="blahblah" width="130" height="85" hspace="2" style="border: 1px solid #FFFFFF;></a><a href=" #"></a></td>
              <td width="20%"><a href="#"><img src="litteteaser/cykel.jpg" alt="blahblah" width="130" height="65" hspace="2" style="border: 1px solid #FFFFFF;></a><a href=" #"></a></td>
              <td width="20%"><a href="#"><img src="litteteaser/hand.jpg" alt="blahblah" width="130" height="65" hspace="2" style="border: 1px solid #FFFFFF;></a><a href=" #"></a></td>
              <td width="20%"><a href="#"><img src="litteteaser/hunky.jpg" alt="blahblah" width="130" height="65" hspace="2" style="border: 1px solid #FFFFFF;></a><a href="#"></a></td>
              <td width="20%"><a href="#"><img src="litteteaser/p3.jpg" alt="blahblah" width="130" height="65" hspace="2" style="border: 1px solid #FFFFFF;></a></div></td>
      <td width="170"></a></td>
            </tr>
          </table>
          <a href="#">&nbsp;
          </div>

læg lige mærke til at -moz-scrollbars-horizontal giver en horizontal scrollbar hele tiden, hvilket måske ikke ser så godt ud - så evt. kan du bare skifte den ud med:
overflow:auto;

@cdc
godt arbejde. Det virker. Smider du lige et svar?

svarer :o)

tak for points :o)