gestire float dentro a div tra due flottati

[dogeht]

immaginate di avere questo layout:

<div id='menu'>...</div>
<div id='menu2'>...</div>
<div id='contenuto'>...</div>
<div id='addizionale'>...</div>

con stile:

#menu { float: left; width: 200px;}
#menu2 { clear: left; float: left; width: 200px;}
#addizionale { float: right; width: 150px;}
#contenuto { margin: 0px 150px 0px 200px; }

a questo punto, come faccio a gestire degli elementi float all'interno di contenuto senza che risentano del float di 'menu' e 'addizionale'?

se ad esempio mettessi un'immagine dentro contenuto e la volessi rendere float, si posizionerebbe sotto a menu2. questo e' giusto, ma come faccio ad evitarlo?

[arx707]

sinceramente non riesco a capire bene dove vuoi che vadano gli elementi

[dogeht]

<div id='menu' style='float:left;'>...</div>
<div id='menu2' style='float:left; clear:left;'>...</div>

<div id='contenuto'>
  <div style='float:left'>
    questo testo va a finire sotto 'menu' pur rimanendo dentro 'contenuto'
    e io invece lo vorrei in alto a sinistra su 'contenuto'
  </div>
</div>

di seguito metto un codice esemplificativo tanto per capire:

<div id='menu' style='background: red; float:left; width:200px;'><h2>ciao!</h2><h2>ciao!</h2><h2>ciao!</h2><h2>ciao!</h2></div>
<div id='menu2' style='background: yellow; float:left; width:200px; clear:left;'><h2>mmm</h2><h2>mmm</h2><h2>mmm</h2></div>

<div id='contenuto' style='background: green;'>
  <div style='float:left; background: blue;'>
    questo testo va a finire sotto 'menu' pur rimanendo dentro 'contenuto'
    e io invece lo vorrei in alto a sinistra su 'contenuto'
  </div>
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
  testo prova di testo, testo di prova testo prova di testo, testo di prova testo prova di testo, testo di prova 
</div>

[gengix]

Qualche consiglio.

-Non utilizzare gli stili inline ma cerca di pulire il tuo codice e di utilizzare stili interni e o esterni.

- La semantica è una cosa fondamentale. Non puoi utilizzare elementi come <h2> dove più ti piace. Gli elementi <h2> definiscono intestazioni di secondo livello e non testo normale, per quello esistono altri elementi (p), più verosimilmente se il tuo è un menu, sarà buona norma definire dei listati (<ul>,[*]).
Anche all'interno di un div non inserire testo libero, ma racchiudilo dentro dei paragrafi.

-Probabilmente il testo ti va a finire sotto #menu perchè #contenuto collassa su se stesso. Questo bug è rinomato (soprattutto in questo forum). Quando hai degli elementi fluttuanti dentro ad un contenitore vi deve essere almeno un elemento che abbia dichiarato la proprietà clear.
Hai due possibilità:
- inserisci un elemento con proprietà clear.
- Utilizzi il contenuto generato per dare il clear.

Fai una ricerca sul forum o sul web per easyclearing o fabclearing.

Ultimo consiglio è quello di definire un contenitore esterno per tutto il tuo contenuto.

[dogeht]

ciao gengix, grazie dell'aiuto.

ovviamente nel mio esempio semantica e stili esterni non erano inclusi, visto che il problema era un altro. mi informero' sull'easyclearing