Problema Dimensioni definitive pagina web

[gedamial]

Salve.​

Ho un problema con la mia pagina web: la disposizione degli elementi della pagina (testi, immagini...) cambia all'aumentare della risoluzione del monitor di un PC.

Sul mio pc, ho adattato la disposizione secondo il MIO monitor ma sul monitor di altri si vede diverso!

Come risolvere?

Grazie in anticipo!​

 

[Ignazio96]

Salve.​

Ho un problema con la mia pagina web: la disposizione degli elementi della pagina (testi, immagini...) cambia all'aumentare della risoluzione del monitor di un PC.

Sul mio pc, ho adattato la disposizione secondo il MIO monitor ma sul monitor di altri si vede diverso!

Come risolvere?

Grazie in anticipo!​

Con i css, non devi dare una posizione in pixel ma cerca di farlo in percentuali.

 

[gedamial]

Con i css, non devi dare una posizione in pixel ma cerca di farlo in percentuali.

Quali sarebbe le percentuali adatte?

 

[Ignazio96]

Quali sarebbe le percentuali adatte?

Dipende da dove vuoi posizionare gli oggetti.

Ti rimando qui

Perfavore, Entra oppure Registrati per vedere i Link!

per imparare qualcosa in più

 

[gedamial]

@Ignazio96

Perfavore, Entra oppure Registrati per vedere i codici!

Non funzia O.o

 

[Kaito]

La proprietà "right" funziona solamente con posizione assoluta, relativa o fissa. Solitamente un template si fa o full-page (a pagina piena) o a dimensioni che vadano bene per la maggior parte dei device, come 960px di larghezza.

 

[gedamial]

La proprietà "right" funziona solamente con posizione assoluta, relativa o fissa. Solitamente un template si fa o full-page (a pagina piena) o a dimensioni che vadano bene per la maggior parte dei device, come 960px di larghezza.

Se invece uso la posizione fixed (fissa), devo usare le proprietà width, height ecc... vero?

Comunque tornando al problema... se ad esempio dichiaro un div nel CSS, devo impostarlo tipo:

width: 13%;
height:70%;

e trovando le misure giuste, queste saranno sempre FISSE? O continueranno a cambiare anche se solo riduco la finestra?
@Kaito @Ignazio96

 

[Kaito]

Cambieranno ovviamente. Per creare template responsive senza percentuali, ti conviene usare le media query di CSS. Ho pubblicato un video a riguardo:

Perfavore, Entra oppure Registrati per vedere i Link!

 

[gedamial]

Ho pubblicato un video a riguardo:

Perfavore, Entra oppure Registrati per vedere i Link!

Ho aggiunto questo codice:

Perfavore, Entra oppure Registrati per vedere i codici!

Ma si vede tutto deformato, anche se diminuisco la finestra...

P.S= Sei molto bravo! Dove hai imparato tutto? Internet? Libri? Corsi a parte? Hai fatto l'ITIS (Istituto Tecnico Industriale Specializzato)?
@Kaito

 

[Kaito]

Cosa vuol dire "deformato"? Fai uno screenshot se puoi.

Comunque, le basi le ho studiate per conto mio negli ultimi 4 anni, poi sono stato assunto in una mini-società come Developer e là ho continuato ad imparare, attualmente sto studiando Java per realizzare applicazioni android (il massimo fatto ora è cambiare schermata scuotendo il device)

 

[gedamial]

Cosa vuol dire "deformato"? Fai uno screenshot se puoi.

Comunque, le basi le ho studiate per conto mio negli ultimi 4 anni, poi sono stato assunto in una mini-società come Developer e là ho continuato ad imparare, attualmente sto studiando Java per realizzare applicazioni android (il massimo fatto ora è cambiare schermata scuotendo il device)

Ecco il menu_wrap deformato:

Perfavore, Entra oppure Registrati per vedere i Link!

Ed ecco come dovrebbe essere:

Perfavore, Entra oppure Registrati per vedere i Link!

Come puoi vedere nello screen 2, c'è il menu e due immagini seguite dal testo (che io ho racchiuso in contenitori div). Bene, quelle due immagini stanno una a destra e una a sinistra utilizzando la proprietà float del CSS. C'è un altro contenitore sotto che ho messo dinuovo a sinistra (

Perfavore, Entra oppure Registrati per vedere i Link!

) e avevo l'intenzione di fare sempre lo stesso procedimento (uno a sinistra uno a destra, vai a capo, uno a sinistra...) Ho aperto il sito sul PC della scuola durante una lezione ebbene il terzo contenitore (quello a capo) si trovava proprio in un altro mondo -.- proprio così:

Perfavore, Entra oppure Registrati per vedere i Link!

Per quest'ultimo screen ho dovuto ridimensionare la finestra del mio pc, ma considera come se fosse il PC grande: il terzo contenitore si trova appunto più in avanti del primo (quello del cappello). WHY?

P.S:

le basi le ho studiate per conto mio negli ultimi 4 anni

Si... ma dove?

 

[Kaito]

Prova a mettere un <div style="clear:both;"></div> alla fine di ogni "riga" di immagini.

Se usi il tag <img> comunque non è necessario il float, si mettono una accanto all'altra automaticamente.

Comunque "Per conto mio" = su internet