2 div accanto in overflow

[UNIX-based]

ciao a tutti,
la mia domanda è questa:

mettendo 2 div di larghezza complessiva maggiore di quella dello schermo accanto con float:left vorrei che il secondo non andasse a capo ma rimanesse in linea e comparisse uno scroll orizzontale...
è possibile?
magari mettendoli entrambi dentro un div padre con overflow...

[UNIX-based]

ho trovato una soluzione che utilizza poche righe di javascript ma funziona solo con ie:
http://www.twelvestone.com/forum_thread/view/26810
(in fondo)

[UNIX-based]

ho trovato un'altra soluzione che però utilizza una tabella:
http://www.lissaexplains.com/forum/s...ead.php?t=9515
ma vorrei comunque trovare una strada css...

un parere di qualcuno?

[UNIX-based]

ci riprovo...
se non mi sono spiegato... ditelo

[Mich_]

Secondo me devi postare il codice HTML+CSS, oppure proporre un link dove implementi la cosa.

Dalla tua descrizione, pur se fatta bene, non e` possibile capire come hai fatto, e se ci sono errori / imperfezioni / cose che si possono fare diversamente.

[UNIX-based]

pensavo di essere nella sezione giusta...
non ho modo di linkarvi a pagine personali con i possibili esempi... comunque qualche link con del codice l'ho proposto...

il primo codice utilizza javascript per definire la proprità css left per ogni div... ogni div successivo viene posizionato 300px più a destra del precedente;
il secondo esempio dovrebbe essere ancora più lineare... è una tabella (che può avere una o più celle) di larghezza 1000px dentro un div di 500px...

comunque, per ribadire il concetto, vorrei ottenere una serie di div posti orizzontalmente dentro un div container più piccolo con scrollbar orizzontale...
alla fine sarebbe una specie di finestra/maschera con scorrimento interno...

[Mich_]

Nel primo post hai prospettato una soluzione, che mi sembra valida (salvo errrori di implementazione).
L'hai provata? Ti da` problemi?

La soluzione con la tabella e` semanticamente sbagliata.
La soluzione con JS non la prendo in considerazione: troppi problemi inutili se JS non e` abilitato.

[UNIX-based]

ecco...
il risultato finale vorrei che fosse come il riquadro "2. scegli i telefoni da confrontare":
http://www.europe.nokia.com/phones/c...IT&language=IT
però realizzato senza tabelle nè javascript...

[UNIX-based]

Originariamente inviato da Mich_
Nel primo post hai prospettato una soluzione, che mi sembra valida (salvo errrori di implementazione).
L'hai provata? Ti da` problemi?

#container {
  height:100px;
  width:400px;
  background-color:#6699FF;
  overflow:auto;
}
#boxsx {
  float:left;
  height:100%;
  width:51%;
  background-color:#999900;
}
#boxdx {
  float:left;
  height:100%;
  width:50%;
  background-color:#999999;
}

<div id="container">
  <div id="boxsx"></div>
  <div id="boxdx"></div>
</div>

con quel 51% (al posto di un canonico 50%) compare lo scroll verticale e il secondo div mi va a capo, sia con ff che con ie...

[Mich_]

Certo, i due blocchi boxsx e boxdx non ci stanno proprio nel blocco che li contiene.

Devi inserire un blocco intermedio:

<div id="container">
  <div id="scorrevole">
    <div id="boxsx">qualcosa</div>
    <div id="boxdx">qualcosa</div>
  </div>
</div>

Il tuo CSS per il container va bene
Il blocco scorrevole non deve avere width fissata
I due blocchi interni devono avere una loro larghezza fissa (non puo` dipendere dal blocco che li contiene, dato che il blocco scorrevole deve poterli contenere).
Tale larghezza puoi esprimerla con le unita` che vuoi (px, em, cm, ...) ma non con la %.