DIVS y ajuste anchura caja automático

Hola a todos!

Tengo un problema con mi portfolio:
http://perso.wanadoo.es/blancadoya/
En el frame inferior quiero que quede como veis en el enlace, todas las fotos en horizontal. Sólo lo consiguo si las floto y le pongo anchura fija a la caja.
Pero no todas las secciones tienes la misma cantidad de fotos por eso esto sería perfecto:

Código :

.fotos img {
   width:auto;
   height:200px;
   float:left;
   margin:0 0 0 5px;
   }

Pero no funciona. Me coloca 2 bien pero el resto las va colocando en vertical por debajo de éstas.

¿Como ajusto la anchura de manera automáticamente para que me sirva en todas las secciones?

Muchas gracias

sale una pagina en blanco

Cierto Ramm, en Firefox y Opera no pilla el frameset ¿Alguien sabe por que? en mozilla i en safari (en mac) se ve bien. Yo diria que se debe a un código que me introduce el espacio de hosting wanadoo tanto al principio como al final de mi código que el navegador al encontrarse eso en el frameset no le sienta bien.

He hecho unas capturas para verlo más claro, aquí se ve correctamente:

para ello pongo:

Código :

#contenidor {
   height:220px;
   position:relative;
   }
   
.fotos{
   height:200px;
   width:2745px;
   margin-left:0;
   background:#000;
   }

.fotos img {
   width:auto;
   height:200px;
   float:left;
   margin:0 0 0 5px;
   }
   
.text {
   margin:15px 0 0 100px;
   float:left;   
   }

Pero yo lo que quiero es un ancho automático del div foto para que se me adapte el solito dependiendo de su contenido, por eso fuerzo su altura y uso float pero obtengo esto:

el código que me devuelve la maquetción incorrecta es este:

Código :

#contenidor {
   height:220px;
   position:relative;
   }
   
.fotos{
   height:200px;
   width:auto;
   margin-left:0;
   background:#000;
   }

.fotos img {
   width:auto;
   height:200px;
   float:left;
   margin:0 0 0 5px;
   }
   
.text {
   margin:15px 0 0 100px;
   float:left;   
   }

Llevo una semana intentando solucionar este problema que no creo que sea tan complicado pero me lleva de cabeza.

Saludos

La verdad no he hecho algo asi nunca, y la unica web que conozco asi es Esta, la cual no lo hace con CSS.

Bueno ya se que tienes ese problema del cual tampoco se me ocurre una solución limpia con CSS, pero bueno aquí pongo a la que estas haciendo ya, un código un poco más sencillo.

CSS

Código :

#galeria{ overflow:scroll; width:300px} /* ancho de frame */
#galeria div{width:2200} /* el ancho que ya estas usando */

html

Código :

<div id="galeria">
   <div>
      <img src="ima.jpg" alt="ima"><img src="ima.jpg" alt="ima"><img src="ima.jpg" alt="ima"><img src="ima.jpg" alt="ima">
   </div>
</div>

Gracias Coyr, diste en el clavo! overflow me crea un "frame" virtual mucho mejor que usar el obsoleto sistema frameset. El problema es que pones un ancho específico cuando cada sección casi nunca tiene el mismo número de fotos, espero que con width: auto se ajuste automáticamente ya que al menos antes no me funcionó.

Saludos