Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    22

    iFrame sempre al centro

    Salve a tutti,

    Vorrei creare una pagina in cui viene caricato un iFrame esattamente al centro di questa, indipendentemente dalla risoluzione video dell'utente che visualizzerà la pagina.

    In pratica, qualsiasi utente con qualsiasi risoluzione video, che sia un 640 x 480, 800 x 600 o anche superiori, dovrebbe visualizzare questo iFrame sempre al centro della pagina.
    Purtroppo non sono ancora riuscito a trovare un modo per realizzare tutto questo.
    Spero possiate aiutarmi.

  2. #2
    allora, posizioni un div al centro della pagina seguendo questo articolo.
    successivamente, posizioni l'iframe all'interno di tale div.

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    22
    Grazie mille per aver risposto!
    scusami, ma sono alle prime armi e non riesco ad utilizzare l'articolo che hai postato.

    <div align="center">
    <iframe src="paginadiprova.html" width="400" height="300">
    </iframe>
    </div>

    questo è il codice del frame che ho nella mia pagina.
    ho provato ad inserirlo tra

    <SPAN STYLE="position: absolute; top: 25%; left: 25%">
    --- il mio codice iframe ---
    </SPAN>

    purtroppo non ha funzionato.
    Premendo il tasto F11 della tastiera per ingrandire la pagina, l'iframe non si adatta alle nuove dimensioni della pagina

    Cosa devo aggiungere per specificare che l' iframe deve essere visualizzato sempre al centro della pagina, su qualsiasi risoluzione video?

  4. #4
    prova con questo codice:

    codice:
    <html>
    <head><title>prova</title>
    <style>
    body,html { height:100%;margin:0 }
    #box {
    width:400px; height:300px;
    position:absolute;top:50%;left:50%;
    margin:-150px 0 0 -200px;
    border:1px solid #000;
    }
    </style></head>
    <body>
    <div id="box"<iframe src="paginadiprova.html" width="400" height="300">
    </iframe></div>
    
    </body>
    </html>
    ciao

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    22
    Il problema sembrerebbe essere risolto
    Adesso mi tocca solo studiare quel codice che mi hai postato.
    Non mi sembra complicato.
    Grazie ancora !

  6. #6
    Originariamente inviato da Link8000
    Il problema sembrerebbe essere risolto :D
    Adesso mi tocca solo studiare quel codice che mi hai postato.
    Non mi sembra complicato.
    Grazie ancora :D !
    no, non lo e': solo un po' di CSS. :)

    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.