Ho dei problemi a posizione due div all'interno di un altro div principale.
Sostanzialmente vorrei ottenere che il div più "interno" sia posizionato nella zona in basso a sinistra .....
Per capirci provo a fare un esempio
la prima difficoltà è fare in modo che il DIV2 parte dall'angolo in basso a sinistra...
Ho provato con position : relative e bottom ma non ho l'effetto desiderato ..
Poi, altra domanda, per posiziona il div3 dovrei usare position:relative oppure float ?!?
Grazie in anticipo!
per il div2 dovresti mettere position:absolute e mettere a div1 un position:absolute o relative.
Per il div 3, se parte dall'alto basta un float:right.
quindi poi andare a settare top e left praticamente a mano/occhio ?!?Originariamente inviato da ResianTaxidrive
per il div2 dovresti mettere position:absolute
scusami ... Perchè ?!?mettere a div1 un position:absolute o relative.
grazie !
Per il div 3, se parte dall'alto basta un float:right.
no metti:left:0 e bottom:0;
perchè il posizionamento assoluto si riferisce al primo contenitore che lo contiene che ha un position diverso da static. Se div1 non ha o position;relative o position:absolute il div#2 prende il posizionamento rispetto alla finestra del browser.
scusami sono un attimo in confusione .
Se div1 non ha specificata la posizione ...
div2 è contenuto in div1 :
codice:<div id="div1"> <div id="div2" style="position:relative; top:30px; left30px;"> </div> </div>
top:30px; left30px non fanno riferimento a div1 ?!?
Cioè top 30px e left30px a partire da div1 ?!?
In ogni caso position absolute bottom:0 e letf0 sballano completamente .. Perchè come io so e come è successo absolute si riferisce sempre al contenitore della pagina html..
tutto quello che hai detto è sbagliato.
Il position:relative non si riferisce ad altri contenitori all'infuori di quello a cui stai dando questa proprietà. Si riferisce alla posizione che quel contenitore assume rispetto a quella che avrebbe nel normale flusso della pagina.
Infatti se a un contenitore dai position:relative; top:0; left:0, tu vedi che il contenitore non si sposta, rimane lì dov'è. E' come se avesse la posizione "static". Non ci sono relazioni con i contenitori che lo contengono.
Se a div#2 metti style="position:relative; top:30px; left30px;" lui si sposta di 30px rispetto alla posizione che avrebbe se tu non gli dichiarassi niente.
questa è una emerita frescaccia. Se non dai un posizionamento a nessuno dei div che contiene il div a cui dai l'absolute allora si riferisce alla finestra, altrimenti no. Hai dato position:relative a div#1? Se no, è ovvio che il bottom:0 e left:0 non funzionano come vuoi tu.Originariamente inviato da JavaFurbix
In ogni caso position absolute bottom:0 e letf0 sballano completamente .. Perchè come io so e come è successo absolute si riferisce sempre al contenitore della pagina html..
scusa posta tutto il codice della pagina e vediamo un po'.
Permessi di invio
Rispondi quotando