Originariamente inviata da
cristy86italy
Ciao! Di recente sono tornata alla mia vecchia passione per il coding in html e css, accantonata da un po', e sto rispolverando tutte le mie conoscenze. Tuttavia, sono incappata in un problema che non riesco a risolvere nonostante mi stia scervellando da giorni.
In una pagina che gestisco, ho modificato uno script jQuery di una galleria in modo che le immagini, una volta cliccato sulla miniatura, si aprano in un div posizionato lateralmente a sinistra, in maniera sopraelevata rispetto al box in cui si trovano i thumbnail. A risoluzione laptop (1280 x 800) tutto funziona perfettamente, a risoluzioni inferiori la query sostiusce i thumbnail con un'interfaccia adatta anche allo swipe, tutto ok. Il problema si presenta quando invece la pagina viene visualizzata a risoluzioni superiori; ho avuto modo di verificare sul monitor 4k di un conoscente e il div con l'immagine se ne va allegramente a casaccio per i cavoli suoi nel file. Ho provato a sostituire il posizionamento percentuale con quello in pixel, identico discorso; alla mia risoluzione lo riesco a posizionare e sta buono, appena si allarga il campo mi sballa tutto, mentre il resto del layout si comporta perfettamente. Lo stesso comportamento infatti l'ho poi rilevato emulando risoluzioni più alte con Firefox.
La pagina si trova qui
http://www.crilladesign.it e il div incriminato è quello alla sezione Gallery, che nel codice ha l'id "bg". Il mio obiettivo è che anche a risoluzioni superiori a 1280 x 800 si visualizzi
sempre posizionato come in questa immagine:
http://i.postimg.cc/j54v8x7w/Screenshot.jpg
(ovviamente non posso posizionarlo fixed, ma né il posizionamento assoluto né il relativo gli fanno capire che deve starsene fermo lì, il disgraziato.)
Mi aiutate a capire dove sbaglio e come posso superare questo ostacolo?