un float a sinistra e un float a destra

[afrappe]

ho un contenitore div senza nessuna formattazione che mi fa da testata della pagina.
all interno ho una <img> con dimensioni fisse e float:left

e un <UL> a dimensioni fisse e float: right




a finestra completamente aperta entrami si dispongono rispettivamente
sinistra e a destra(correttamente tutto un una riga)
quando riduco la finestra questi si avvicinano(correttamente)
ma quando la finestra comincia ad essere troppo piccola per contenerli

invece che apparire lo scroll orizzontale vanno a finire uno sotto

l'altro(cosa che non voglio)


ho provato ad impostare l'altezza del div contenitore ma questi non

vengono contenuti quando in riga quando la finestra è troppo piccola

[Mich_]

Quello e` il comportamento corretto se usi i float.

Dato che i due blocchi hanno ambedue dimensioni fisse, devi definire al contenitore una dimensione minima che sia maggiore della somma delle due.
Poi dovrai anche definire un overflow.

Con un po' di hack e trucchi, il codice potrebbe essere:

#contenitore {
  width: auto !important;  /* per sovrascrivere la successiva nei brwoser conformi */
  width: 300px;   /* per IE6 - metti tu la misura corretta */
  min-width: 300px;  /* per i browser che lo capiscono */
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;  /* oppure un altro valore */
}

Magari ti serve anche un min-height (sempre con l'hack per IE6)