Newsgroup: it.comp.www.html
Titolo: Ancora sul CSS positioning...

Ecco un semplice esempio di codice con un po' di stili:
<div style="position:fixed; float:left; width:100px; height:600px;
z-index:1; background-color: #ae0034; border: 4px dashed black; margin: 4px
4px 4px 4px"></div>
<h3 style="color: magenta;">DIVINA COMMEDIA</h3>
<p>Nel mezzo del cammin di nostra vita</p>
<p>mi ritrovai per una selva oscura</p>
Ecco i problemi:
1) IE6 mi piazza il div a sinistra, e grazie alla proprietà float fa
scorrere il testo a destra, anche se poi non legge la proprietà "fixed" e
quindi il layer scrolla col testo.
2) Opera7 mi piazza il div a sinistra, non lo fa scorrere grazie al fixed,
ma poi il testo lo scrive sotto, praticamente ignorando la proprietà "float"
Il quiz è: chi fa la cosa giusta?
A parte gli scherzi, come posso fare ad ottenere il giusto posizionamento e
il giusto flusso di testo? Del fixed per IE non mi interessa, come neanche
dei problemi dei margini che ha sempre IE, ma che almeno il testo no mi vada
sotto con opera sarebbe apprezzabile...
Thanks,
Leo.

 ma poi il testo lo scrive sotto, praticamente ignorando la proprietà
"float"
Sono stato poco chiaro, mi accorgo. Lo scrive sotto nel senso che
*sovrappone* il div al testo. ovviamente se cambio lo z-index sovrappone il
testo al div, ma non è questo il punto, io vorrei che il testo scorresse a
destra, e in effetti è così che mi pare di aver capito il funzionamento di
"float".
Leo.

 "float".
vedi:
http://www.constile.org/tips/recupero_float/
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://www.deelan.com


E allora non ho capito io cosa fanno entrambe le proprietà... :(
Mi informerò meglio.
Grazie per il link.
Leo.

 wrote:

Con 'fixed' hai tirato fuori il tuo box dal flusso.
Quindi il testo continua a seguire il flusso e va a posizionarsi dove
naturalmente andrebbe a posizionarsi, del tutto indifferente rispetto
alla presenza o meno del box.
IMHO 'fixed' e 'float' assieme non significano molto.
Emiliano Farinella
-- 
"Science as a candle in the dark" -- Carl Sagan


E in effetti informandomi a destra e a manca son riuscito a capire che la
verità è proprio questa, ed in questo senso si comporta meglio Opera7, dato
che explorer la proprietà "fixed" non la considera neanche.
Comunque in soldoni ho risolto semplicemente mettendo al testo principale un
margine (a sinistra) largo quanto il div che voglio mettere, e tutto file
per il verso giusto, almeno con Opera. Con IE purtroppo tocca cambiare le
carte in tavola, quindi o mettere per lui "position: absolute" o usare un JS
che controlla che il menu stia sempre preciso a sinistra.
Comunque ecco la risoluzione adottata da me (per Opera):
<div style="margin-left:245px;">
Robaccia varia scritta di corsa... Robaccia varia
 scritta di corsa...Robaccia varia scritta di corsa...Robaccia varia scritta
 di corsa...Robaccia varia scritta di corsa...Robaccia varia scritta di
corsa...Robaccia
 varia scritta di corsa...Robaccia varia scritta di corsa...Robaccia varia
scritta
 di corsa...Robaccia varia scritta di corsa...Robaccia varia scritta di
corsa...Robaccia
 varia scritta di corsa...
</div>
<div style="position:fixed; top: 10px; left: 10px; width: 200px; border:2px
solid black; background-color: #ff9900; color: black; padding: 5px; margin:
10px;">
  <p>Arancia </p>
  <p>carota </p>
  <p>limone </p>
  <p>oreste </p>
</div>