Layout orizzontale elastico

gio4colo

Layout orizzontale elastico

Auguri a tutti!
Ho un quesito da porvi.
Sto lavorando su un layout per un sito e sto sperimentando lo sviluppo orizzontale. Sarà semplicemente una galleria di immagini.
Non riesco però a risolvere un problema, magari semplice:
Ora come width ho impostato 5000px, prendendo spunto da thehorizontalway.com
Vorrei però renderlo elastico in base al contenuto.
Per esempio se c'è una sola immagine, la pagina sarà senza scroll, e se le immagini aumentano, aumenta anche la larghezza del foglio.

Grazie per gli spunti!

pgmedia

Credo tu possa risolverlo mettendo, anzichè i pixel le percentuali, quindi un 100%, altrimenti se sei pratico del javascript ti prendi quanto è largo il div ( ti consiglio di utilizzare esclusivamente div) e imposti la sua larghezza a quella dimenzione.
Per quanto riguarda l'elasticità dai un occhiata qua: flowplayer.org/tools/demos/index.html

gio4colo

Non funziona con il 100%
Questa è la struttura

[html]<div id="navr">
menu
</div>

<div id="header">
     <div id="headr">
    header
    </div>
</div>

<div id="content">
<!--inizio WHILE immagini-->
    <div id="post">
        <div>
            <img src="#">
        </div>
    </div>
<!--fine WHILE immagini-->   
</div>

</div>[/html]I css che mi interessano per l'orizzontalità sono


#content
{
    position: absolute;
    left: 200px;
    top: 1px;
    font: 89% verdana, tahoma, arial, sans-serif;
    padding-top:105px;
}

#page
{
    background: #fff;
    margin: 0 auto;
    padding: 0 0 50px;
    position: relative;
    text-align: left;
    width: 3000px;

}

```se il width di lo metto in percentuale... le immagini vanno una sotto l'altra e la pagina diventa verticale...

Grazie!