problemi con float

[carlo2002]

All'interno di un box dovrei allineare a sinistra due elementi a livello di blocco (h2 e h3) e affiancata a destra, all'estremo destro del box, una immagine (copertina) dentro un div. Ho provato con float ma l'immagine mi va comunque a capo invece che essere affiancata, sia su FF sia su IE.
Sbaglio qualcosa?

h2 {
font-size: 16px ;
color: navy ;
font-weight: bold ;
text-align: left ;
margin: 0px 0px 0px 0px ;
}

h3 {
font-size: 12px ;
color: navy ;
font-weight: bold ;
text-align: left ;
margin: 0px 0px 0px 0px ;
}

#copertina {
float: right ;
}

[thomas_anderson]

Gli elementi a livello di blocco creano ognuno un box, cioè un riquadro. quindi vanno a capo. per affiancare tutti e tre questi elementi devi dare a ciascuno il float (es: float:left per h1 e h2) e float:right a img. specificando una width

[carlo2002]

ho messo float:left ad h1 e h2 e il box contenente l'immagine ora si affianca però si affiancano anche h1 e h2 mentre h2 dovrebbe stare sotto ad h1

[The knight]

Originariamente inviato da carlo2002
ho messo float:left ad h1 e h2 e il box contenente l'immagine ora si affianca però si affiancano anche h1 e h2 mentre h2 dovrebbe stare sotto ad h1

imposta un width su h1

[thomas_anderson]

Cerchiamo di ragionare. se tu hai una struttura di questo tipo:

<h1>..</h1>
[img][/img]
<h2>..</h2>

la cosa più logica da fare è la seguente:

<div id="didascalia">
<h1>...</h1>
[img][/img]
</div>
<h2>...</h2>

Usando float:left/right metti <h1> di fronte ad <img>. <h2>, posto al di fuori di #didascalia. <h2>, seguendo il box model e con il clear:both applicato, si andrà a disporre naturalmente sotto <h1> a sinistra.

[carlo2002]

la struttura adesso è:

<div id=\"contenuti\">
<h2> </h2>
<h3> </h3>
<div id=\"copertina\">
<... img o swf ...>
</div>
<... altri box ...>
</div>

quindi, da come ho capito dovrei racchiudere 'h2' e 'copertina' in un altro div ma questo mi complica un casino il codice in quanto gli elementi sono generati dinamicamente e possono anche non esserci se non inseriti ed hanno comportamenti diversi in rapporto a quali compaiono
Ho provato a dare un width ad 'h2' ma in questo caso 'copertina' non si affianca e slitta sotto ad 'h3'.
Non si riesce proprio a mantenere questa struttura ?

[carlo2002]

RISOLTO

nella struttura ho cambiato la posizione di 'copertina' portandola sopra ad 'h2' ed 'h3'

<div id=\"contenuti\">
<div id=\"copertina\">
<... img o swf ...>
</div>
<h2> </h2>
<h3> </h3>
<... altri box ...>
</div>

mantenendo il CSS come sopra indicato.

grazie per l'assistenza