Posizione assoluta degli elementi

**pasqua62** · 22-05-2013, 19:36

Ciao

ho la necessità di posizionare delle immagini e del testo in punti precisi e sto utilizzando la posizionamento assoluto: lavoro ad una risoluzione del mio notebook di 1920x1080 e quando viene visualizzato a risoluzioni minori il tutto è giustamente disallineato.
Ho provato ad usare nel posizionamento assoluto sia i pixel che la % ma non cambia: a parte la soluzione di intercettare la risoluzione dell'utente e da lì indirizzarlo su una versione ad hoc quale altra soluzione esiste ?. Mi piacerebbe che da risoluzioni >= a 1024 la pagina si veda correttamente. Sempre nel posizionamento assoluto c'è un modo di posizionare direttamente al centro un elemento senza usare i pixel o la % ?.
Grazie.

Bye..

**Nobody33** · 22-05-2013, 20:53

Sempre nel posizionamento assoluto c'è un modo di posizionare direttamente al centro un elemento senza usare i pixel o la % ?.

In teoria si, in pratica no.

In teoria la puoi posizionare con top, bottom, left e right;
In pratica ognuno ha una risoluzione diversa come avrai notato.

Ovviamente dipende tutto anche dal tuo layout che non ho visto.

**pasqua62** · 22-05-2013, 22:23

Ciao

il link è questo http://www.grossetolavoro.it/peppermintstudio/.
Bye...

**ac_socmel** · 22-05-2013, 23:00

modifica il tuo html

codice:

<body>
   <div class="pippicalzelunghe">

         qua ci metti tutto il codice
         che sta nel tuo body in
         questo momento

   </div>
</body>

e aggiungi nel tuo css

codice:

.pippicalzelunghe {
   width: 850px;
   margin: 0 auto;
   position: relative
}

e adesso puoi ricalcolarti le posizioni

**Nobody33** · 22-05-2013, 23:01

Ma perché non fai un contenitore principale e lo centri con margin 0 auto?

Appare abbastanza bruttino cosi ed è un po un casino tutta l'impostazione.

Ti posto il link per capire come si vede su un desktop 1366 x 768: LINK (ovvero, la pagina è spostata tutto a destra).

Dovresti modificare un po tutto il css che mi è sembrato un po povero.

Poi, una volta modificato opportunamente il layout, credo che la position: absolute non ti dovrebbe servire.

Per finire ( solo perché in fondo pagina ho visto l'immagine di html5 e css3):

Il sito non ha nulla di css3 e nemmeno qualcosa di html5 ( a parte la dichiarazione iniziale)

**pasqua62** · 23-05-2013, 09:38

Ciao

ho fatto un div contenitore e va bene: all'interno del div contenitore devo posizionare delle immagini e del testo in determinati punti. Come devo procedere in questo caso ?. Con il posizionamento fisso, giusto ?.
Bye..

**pasqua62** · 23-05-2013, 09:49

Ciao

ti mando un'immagine del layout che vorrei fare.
Bye...

**Nobody33** · 23-05-2013, 17:07

@pasqua 62 Puoi fare cosi come hai detto te.

Ma, ti conviene fortemente fare un contenitore principale (vedesi l'esempio di @ac_socmel)dove infili tutto il resto, altrimenti ti incasini tutto.

**pasqua62** · 24-05-2013, 09:37

Ciao

non è che potete indicarmi un esempio che mostri come fare ?. Ho provato in vari modi a posizionare gli elementi ma non riesco a posizionarli come vorrei.
Grazie.

Bye...

**ac_socmel** · 24-05-2013, 11:54

Originariamente inviato da pasqua62
non è che potete indicarmi un esempio che mostri come fare ?

non è che puoi indicarci un esempio che mostri cosa stai facendo?

Discussione: Posizione assoluta degli elementi

Strumenti discussione

Ricerca discussione

Visualizza

Posizione assoluta degli elementi

Posizionamento assoluto

Posizione elementi

Posizione oggetti

Posizione elementi con i CSS

Re: Posizione elementi con i CSS

Permessi di invio