Durante la progettazione e la pubblicazione di un sito web, un sacco di concentrazione e preparazione deve andare a organizzazione e il layout. Con l'aumento dei dispositivi di visualizzazione alternativi come telefoni cellulari e tablet, è più importante che mai per posizionare oggetti sulla pagina in modo dinamico in modo che il sito viene visualizzato correttamente su piattaforme con risoluzioni diverse. Impostazione DIV di posizionarsi in modo dinamico è un metodo rapido ed efficiente di creare un layout di pagina uniforme per tutti gli spettatori.

istruzione

1 Aggiungere un DIV alla tua pagina digitando "<div>" per iniziare la divisione e "</ div>" per porvi fine. Tutti i contenuti posizionato tra l'inizio e tag finale sarà visualizzato nel DIV.

2 Inserisci "style =" position: fixed; "" dopo "div" e prima della parentesi di chiusura nel tag DIV inizio per posizionare dinamicamente la divisione relativa alla finestra del browser. Sostituire "fisso" con "assoluta", se si desidera posizionare il DIV sulla base di una percentuale dello spazio finestra.

3 Aggiungere "top: #px; sinistra: #px;" dopo il punto e virgola della dichiarazione aggiunto nel passaggio 2. Sostituire "#" con il numero di pixel di distanza dalla parte superiore e sinistra della finestra del browser che si desidera visualizzare il DIV. "Destra" e "dal basso" può essere utilizzato al posto di "top" e "sinistra".

4 Sostituire "px" con il segno percentuale (%) per creare il DIV attraverso una percentuale dello spazio finestra. Ad esempio, se si desidera che il DIV per iniziare al centro della finestra del browser, usare "sinistra: il 50%." Per esempio: <div style = "position: fixed; top: 50px; a destra: 30%;"> contenuto DIV va qui </ div>