Visualizzazione dei risultati da 1 a 2 su 2

Discussione: div sopra un iframe

  1. #1
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775

    div sopra un iframe



    io avrei bisogno di avere un div fisso sopra ad una pagina scorrevole.. per fare questo pensavo di mettere un iframe a tutta pagina, e sopra un div.. cosi il div rimaneva bloccato e fisso in alto, mentre la pagina sotto scorre tranquillamente..

    questo è l'html:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <title>Cuaxo</title>
    </head>
    
    <body>
    
    <div id="container">
    <iframe src ="nomesito.com" width="100%" height="500"></iframe>
    </div>
    
    <div id="top">
    top
    </div>
    
    
    </body>
    </html>
    e questo il css:
    codice:
    html,body{margin:0 auto; padding:0 auto; height:100%; width:100%; background:url(../img/bg/bg_1_bg.jpg)}
    body{background:url(../img/bg/bg_1.jpg)}
    
    #container{
    overflow:auto;
    width:100%;
    height:100%;
    }
    
    #top{
    position:fixed;
    overflow:auto;
    width:100%;
    height:25px;
    background:#99FFFF;
    }
    nel mio caso il div top (che dovrebbe trovarsi fisso in alto e sopra all' iframe) si trova sotto l'iframe..
    con position:absolute/fixed; non funziona.. come mai?

    grazie a tutti!!

  2. #2
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    scusate ma ho già risolto

    ---

    bastava usare semplicemente position:fixed; sul div che volevo bloccare e il gioco è fatto, più "scroollo" e più il div rimane fisso xD


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 © 2025 vBulletin Solutions, Inc. All rights reserved.