WebSite X5Help Center

 
Giampiero P.
Giampiero P.
User

Iframe che non si adatta automaticamente  it

Autor: Giampiero P.
Visitado 1735, Seguidores 2, Compartilhado 0  

Innanzitutto scusatemi se riprendo un argomento già trattato... ma purtroppo sono giorni che sto cercando una soluzione ma non l'ho ancora trovata, oppure non sono stato in grado di comprenderla a pieno...

Devo inserire una animazione all'interno del Header o all'interno della pagina, ma trattandosi di un sito responsive ho la necessità che si adatti automaticamente al 100% alla finestra.

Ho utilizzato un iframe con il seguente codice:

<iframe src="http://prinzis.altervista.org/lito/animazioni/testata_lito/index.html" width="100%" height="100%" scrolling="no" frameborder="0" marginwidth="0" > &nbsp; </iframe>

Ma il risultato non è come vorrei... potete vederlo qui http://prinzis.altervista.org/prova_animazioni/index.html

Publicado em
4 RESPOSTAS
Vincenzo Errico
Vincenzo Errico
User

Prova con questo...

<div class="iframe-container">
<iframe src="http://prinzis.altervista.org/lito/animazioni/testata_lito/index.html" scrolling="no" allowtransparency="true" allowfullscreen="" frameborder="0" width="1200" height="900">
</iframe>
</div>

e per rendere l'iframe scalabile... nella sezione "Esperto Codice CSS" quest'altro:

.iframe-container {
width: 100%;
height: 0;
padding-bottom: 66%; /* 2:3 */
padding-top: 0px;
position: relative;
}
iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

Ler mais
Publicado em de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... Giampiero, ... sei sicuro di aver realizzato l'animazione in modo elastico...?...  ... dal link diretto non sembrerebbe...!...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giampiero P.
Giampiero P.
User
Autor

Grazie 1000 per i vostri suggerimenti ma purtroppo non ho risolto...

Ci sto impazzendo sopra da giorni... e mi sto demoralizzando

Vincenzo, ho provato con il tuo suggerimento ma non mi è cambiato niente.

KolAsim, ho realizzato l'animazione con Google Web Designer, per me è un software nuovo e non ho capito bene cosa intendi per animazione elastica... ho provato a fare un'altra animazione spuntando l'opzione responsive e anche in questo caso non ho risolto nulla.

Ho realizzato un'altra piccola animazione con i suggerimenti che mi avete dato e l'ho pubblicata sempre qui: http://prinzis.altervista.org/prova_animazioni/index.html

Grazie davvero per tutti i suggerimenti che mi state dando...

Ler mais
Publicado em de Giampiero P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... la tua animazione non si adatta alla finestra:  http://prinzis.altervista.org/lito/animazioni/prova_banner_responsive/gwd_preview_prova_banner_responsive/

... invece questa si adatta:  http://www.kolasim-zone.it/2005_k2.html

... prima dovresti vedere di realizzarla in modo che si adatti alla finestra, e poi si vedrà come fare nel progetto...

... altrimenti si dovrà provvedere in altro modo, sempre se compatibile...

.



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪