[xhtml] div nowrap

[Kintaro]

ho usa situazione di questo tipo:

<div class="a">

<div class="b"><img ...></div>
<div class="c"><img ...></div>

</div>

"a" è width 100%, "b" è float left e "c" è float right. Tutto funge se la pagina è larga più delle 2 immagini, se però la rimpicciolisco, "c" va a capo e si posiziona sotto "b", invece io vorrei che comparisse la barra orizzontale di scorriemnto e le 2 immagini rimanessero affiancate, un po' come accade ai testi se si usa il tag nowrap o se fosse una tabella

si può fare??

grazie

[Mich_]

Bella domanda!!

Il problema e` nel fatto che il div di classe "a" e` largo 100%, quindi non puo` essere piu` largo della finestra del browser, e gli altri due div devono starci dentro.

Immagino che non vuoi mettere il div a di larghezza uguale (o maggiore) alla somma delle due imamgini (vorrebbe dire stringere il campo anche se la finestra e` piu` larga), per cui occorre trovare un trucco.

Ora ad un tipo come te si fa fatica a dare consigli su trucchi vari, specie se non si e` sicuri dei trucchi stessi, per cui mi sento imbarazzato.

Comunque butto li` una proposta (e` solo una mezza idea), poi sarai tu a trovare la soluzione ed a darci la risposta giusta:
Lascia nel CSS la larghezza 100%, poi usa un JS per testare la larghezza della finestra: se la larghezza e` minore di un tot, ridefinisci la larghezza del div classe a in pixel (sufficienti a farci stare le due immagini).

Spero di essere riuscito a spiegarmi, mi rendo conto di aver fatto un po' di confusione.


Ciao
Michele

[Kintaro]

ciao mich,
ho capito cosa intendi, speravo che ci fosse un metodo non dinamico

su mozilla/netscape avevo trovato il metodo, visto che i div al 100% posizionati assoluti prendono la larghezza del genitore, con body al 100% e una immagine trasparente larga 700 in fondo alla pagina risolvevo tutto... stavo già esaltandomi quando ho visto che IE della larghezza del genitore se ne frega

vabbè ora vedo... grazie ciao

[Kintaro]

senti più o meno ho risolto, non è ottimale, ma accettabile... ho messo:
"a" width:100%
"b" assoluto left:0 e float:left
"c" assoluto right:0

sembra funzionare, le immagini non si sovrappongono nè vanno a capo sia in IE che in Moz, l'unico pacco è che lo sfondo di "a" se la finestra è rimpicciolita è lungo solo come la finestra e trascinando la barra orizzontale c'è una zona in cui non si vede più, il che a 640x480 non è bello da vedersi, però almeno non mi si disfa più l'impaginazione, penso sia accettabile così, però se qualcuno sa come risolvere anche quest'ultimo problema ben venga

grazie