Newsgroup: it.comp.www.html
Titolo: Come affiancare due DIV?

Premetto che vorrei ottenere lo stesso risultato che normalmente si
ottiene creando una tabella di una riga e due colonne, cioè affiancare
due DIV e fare in modo che si comportino come due celle di tabella.
Il problema del DIV è che, per default, occupa tutta la riga sulla
quale è posizionato.  Per cui ho trovato alcune soluzioni, ma hanno
dei problemi:
1. Usare uno SPAN. Ha diverse limitazioni rispetto al DIV e, tra
l'altro, non credo sia la soluzione migliore per disegnare un blocco
bello grande;
2. Usare la proprietà float. Il problema, in tal caso, è che, se
ridimensiono il browser, il DIV di destra scivola (giustamente) sotto
il DIV di sinistra, mentre io vorrei che, una volta superata la
dimensione minima, il browser lasci intatta la struttura mostrando le
barre di scorrimento.
3. Usare il position:absolute. Ma non va bene per il tipo di layout
che sto impostando (ci sono altri DIV che seguno questi due e che si
devono spostare di conseguenza verso il basso, in base all'altezza dei
primi due)
Altre soluzioni?
Grazie in anticipo,
Bye, Animanera. :)

 barre di scorrimento.
usi un DIV per contenerli entrambi e imposti una larghezza
fissa a questo. es:
+-----------------------------------------+
| #content                                |
| +----------------------+ +------------+ |
| | #left                | | #right     | |
| |                      | |            | |
| |                      | |            | |
| |                      | |            | |
| |                      | |            | |
| +----------------------+ +------------+ |
+-----------------------------------------+
#left e #right vengono affiancati utilizzando float.
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://www.deelan.com

 #left e #right vengono affiancati utilizzando float.
Ciao deelan e grazie per la risposta, ma...
così facendo non posso impostare una dimensione "minima"; infatti andrei ad
impostare una dimensione "fissa" che non varierebbe al ridimensionamento
della pagina. Io invece vorrei fare qualcosa che, con le tabelle, verrebbe
così strutturata:
<table width='100%'>
<tr>
    <td width='50%'>
        Prima cella
    </td>
    <td width='50%'>
        Seconda cella
    </td>
</tr>
</table>
Inoltre ho notato che, con il float, si crea un fastidiosissimo effetto di
scivolamento anche solo di una parte del div, se il primo div è più piccolo
del secondo (con tanto di background-color del secondo div che compare sia a
destra che sotto il primo div). E questo per me è un problema, visto che le
due sezioni sono completamente dinamiche e non hanno una altezza fissa.
Qualche altra soluzione, o sono costretto ad utilizzare le tabelle :-( ?
Grazie mille, bye, Animanera. :)

 Qualche altra soluzione, o sono costretto ad utilizzare le tabelle :-( ?
consiglio un giro su 
glish.com
:
http://www.glish.com/css/
scegli quello che ti piace di piu' e adattalo.
ciao.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 scegli quello che ti piace di piu' e adattalo.
Grazie per il consiglio, ma il sito lo conoscevo giŕ,ed anche dopo averlo
spulciato per benino non ho trovato ciň che č adatto a me. Lě si parla
soprattutto di layout con posizionamento assoluto, il che non va molto
d'accordo con le pagine dinamiche (non č possibile, infatti, inserire un
footer con il posizionamento assoluto, perchč bisognerebbe conoscere
l'altezza dei box dinamici)
Cmq grazie lo stesso,
Bye, Animanera. :)

 l'altezza dei box dinamici)
problema tipico, c'e' una soluzione di
compromesso, leggi:
http://www.alistapart.com/stories/flexiblelayouts/
questa e' una applicazione delle tecniche descritte
sul sito dell'autore:
http://www.donkeyontheedge.com/ala.html
***
su relative abbiamo di recente scritto qualcosa anche qui sul NG,
recupera il thread "Posizionamento verticale di immagini in DIV " e 
leggiti gli ultimi post.
ti gireri anche alcuni link da 
constile.org
 ma e' giu' fino
a fine mese.


 
http://www.alistapart.com/stories/flexiblelayouts/
Infatti ci avevo pensato...e l'articolo mi ha spiegato come fare :)
Grazie mille! :)))
Inoltre ho imparato diverse cose interessanti sul posizionamento relativo...
:)))
Per caso avresti anke un link che spiega il funzionamento dei valori in
percentuale (che ancora non ho capito a chi si riferiscono)?
Grazie, Bye, Animanera. :)

 percentuale (che ancora non ho capito a chi si riferiscono)?
Mi rispondo da solo: si trova tutto sul lunk del 
w3.org
. Più precisamente:
http://www.w3.org/TR/REC-CSS2/Overview.html
Se a qualcuno può interessare: per ogni properietà è specificato a cosa (una
evenetuale percentuale) si riferisce.
Bye, Animanera. )