larghezza div con immagine

[stefx78]

Salve a tutti, ho un problema di questo tipo. Ho la necessità di avere un div che mi prende la dimensione di una immagine in esso contenuta. Oltre all'immagine il div contiene anche altri due div che dovrebbero dividersi il 50% dello spazio a disposizione (quindi pari al 50% della larghezza dell'immagine). Avevo pensato a questo, ma purtroppo il div contenitore non si ferma alla dimensione dell'immagine... sapete aiutarmi? Grazie!

	  <div style="width:1%">
		<div>[img]immagine.jpg[/img]</div>
		<div style="width:50%; background-color: black; float: left">a</div>
		<div style="width:50%; background-color: red;float: right">b</div>
	  </div>

[stefx78]

Nessuno mi sa dare una mano!?!?
gracias
stefano

[Mich_]

Personalmente non ho capito come devono essere i tre oggetti (uno sopra l'altro, uno vicino all'altro, un po' vicino e un po' sopra , ...). Forse se fai uno schemino (una immagine o un'ASCII-art) la cosa diventa piu` chiara.
L'immagine puoi allegarla, l'ASCII-art lo devi fare usando il bottone "#" sopra il form di inserimento.

[stefx78]

Ciao Mich, qui trovi l'immagine... http://img527.imageshack.us/img527/4237/divp.jpg
In pratica vorrei che il div1 che contiene tutto fosse largo quanto l'immagine senza dover impostare una width io fissa...
Spero che sia più chiaro.
Grazie
stefano

[Mich_]

E tu non conosci la larghezza dell'immagine?
Non puoi rilevarla lato server ed utilizzarla?

Altrimenti si puo` pensare una cosa di questo tipo, ma potrebbe avere qualche problema in qualche browser:

HTML:
<div id="contenitore">
  <div id="div1">

div1</p></div>
  [img]...[/img]
  <div id="div2">

div2</p></div>
  <div id="div3">

div3</p></div>
</div>

CSS:
#contenitore {
  width: auto;
}
#div1 {
  width: 100%;
}
#div2, #div3 {
  width: 49.9%;
  float: left;
}