Immagine "position: fixed" e cellulare

**ElPedro** · 03-04-2013, 11:34

Salve a tutti! Ho un problema abbastanza fastidioso. Ho un'immagine che ho posto di fianco ad un div contenente un'immagine di sfondo.
Nel momento in cui vado a zoommare, da telefono cellulare, l'immagine si ingrandisce sovrapponendosi al div e a tutto quello che c'è all'interno.
Vi mostro gli attributi CSS:

codice:

img.logo {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 270px;
	height: 600px;
	}

In che modo potrei mantenere l'immagine con le stesse caratteristiche ma allo stesso tempo non generare questo problema?

Se volete provare in persona, il sito in questione è in firma.
Grazie mille

**ElPedro** · 03-04-2013, 17:53

up?

**deleted_129** · 03-04-2013, 19:38

io farei una versione mobile con tutto position:absolute... tanto il sito e' non e' lunghissimo ^^

**ElPedro** · 17-04-2013, 23:01

Originariamente inviato da darkhero
io farei una versione mobile con tutto position:absolute... tanto il sito e' non e' lunghissimo ^^

Mi dispiace rivangare un argomento tanto vecchio, mi chiedevo se qualcuno poteva spiegarmi in che modo è possibile sviluppare una versione mobile di un sito internet.

Il mio obiettivo sarebbe quello di reindirizzare automaticamente l'utenza mobile sul sito mobile (http://sito.com/mobile/... ?). Come è possibile fare una cosa del genere?

**deleted_129** · 17-04-2013, 23:08

Tempo fa ho visto in un sito questo codice

codice:

<script>
if( 
 navigator.userAgent.match(/Android/i) || 
 navigator.userAgent.match(/webOS/i) || 
 navigator.userAgent.match(/iPhone/i) || 
 navigator.userAgent.match(/iPod/i) || 
 navigator.userAgent.match(/BlackBerry/i)
){
location.href="http://www.sito.it/mobile";
}</script>

mi dispiace ammettere che non ricordo la fonte, e mi scuso con l'autore... (cmq è javascript questo)...

**ElPedro** · 17-04-2013, 23:22

Originariamente inviato da darkhero
Tempo fa ho visto in un sito questo codice

codice:

<script>
if( 
 navigator.userAgent.match(/Android/i) || 
 navigator.userAgent.match(/webOS/i) || 
 navigator.userAgent.match(/iPhone/i) || 
 navigator.userAgent.match(/iPod/i) || 
 navigator.userAgent.match(/BlackBerry/i)
){
location.href="http://www.sito.it/mobile";
}</script>

mi dispiace ammettere che non ricordo la fonte, e mi scuso con l'autore... (cmq è javascript questo)...

Purtroppo non funziona

Ho semplicemente provato con un redirect a google entrando dal mio cellulare android ma nulla..

**deleted_129** · 18-04-2013, 01:11

vedi che quello script funziona, lo utilizzo io...prova a metterlo con <script type='text/javascript'>
dentro l'<HEAD> ovviamente

**Prill** · 18-04-2013, 11:10

Originariamente inviato da ElPedro
Salve a tutti! Ho un problema abbastanza fastidioso. Ho un'immagine che ho posto di fianco ad un div contenente un'immagine di sfondo.
Nel momento in cui vado a zoommare, da telefono cellulare, l'immagine si ingrandisce sovrapponendosi al div e a tutto quello che c'è all'interno.
Vi mostro gli attributi CSS:

codice:

img.logo {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 270px;
	height: 600px;
	}

In che modo potrei mantenere l'immagine con le stesse caratteristiche ma allo stesso tempo non generare questo problema?

Se volete provare in persona, il sito in questione è in firma.
Grazie mille

media queries e impostazioni ad hoc per dispositivi mobili

**ElPedro** · 18-04-2013, 11:14

Originariamente inviato da darkhero
vedi che quello script funziona, lo utilizzo io...prova a metterlo con <script type='text/javascript'>
dentro l'<HEAD> ovviamente

Scusami, semplicemente mi ero scordato di inserirlo nella head!

A questo punto quindi devo solamente creare una sottodirectory chiamata "mobile" e semplicemente inserire questo script all'interno di ogni pagina ed il gioco è fatto?

**deleted_129** · 18-04-2013, 13:12

Si..in questo modo fai un sito a parte, con un css proprio..come diceva prill invece utilizzi lo stesso sito e lo stesso css ma dentro questo css ci sono dei codici ( le media queries) che ti permettono di modificare il sito quando succede qualcosa ( per esempio quando la risoluzione dello schermo e' sotto i 500 px )....

Discussione: Immagine "position: fixed" e cellulare

Strumenti discussione

Ricerca discussione

Visualizza

Immagine "position: fixed" e cellulare

Re: Immagine "position: fixed" e cellulare

Permessi di invio