Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    div che occupa tutta la pagina

    volevo riuscire a fare un div alto e largo come tutta la pagina anche nel caso in cui la pagina superi la dimensione dello schermo

    con questo codice:

    .div_primo_piano{
    position: absolute;
    top:0px;
    right:0px;

    height: 100%;
    width: 100%;
    background-color: red;
    z-index: 1000;
    opacity: .75;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    }

    riesco a farlo ingrandire ma solo alla larghezza dello schermo, la parte debordante rimane selezionabile


    questo mi servirebbe per fare degli aggiornamenti ad un elenco di dati senza dover fare una pagina apposita, ma solo aprendo e chiudendo un div che copra tutti gli altri elementi della pagina.

    forse devo usare anche javascript oltre ai css?

    saluti a tutti

  2. #2
    Dai 100% in H e W anche a <body e <html
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Originariamente inviato da ricman
    Dai 100% in H e W anche a <body e <html
    grazie della risposta ma purtroppo non funziona...

    qualche altra idea?

  4. #4

    Re: div che occupa tutta la pagina

    Originariamente inviato da mansportivo
    volevo riuscire a fare un div alto e largo come tutta la pagina anche nel caso in cui la pagina superi la dimensione dello schermo

    con questo codice:

    .div_primo_piano{
    position: absolute;
    top:0px;
    right:0px;

    height: 100%;
    width: 100%;
    background-color: red;
    z-index: 1000;
    opacity: .75;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    }

    riesco a farlo ingrandire ma solo alla larghezza dello schermo, la parte debordante rimane selezionabile


    questo mi servirebbe per fare degli aggiornamenti ad un elenco di dati senza dover fare una pagina apposita, ma solo aprendo e chiudendo un div che copra tutti gli altri elementi della pagina.

    forse devo usare anche javascript oltre ai css?

    saluti a tutti
    lo stesso effetto da me desiderato avviene anche in questo sito, dove, quando vengono aperte alcune pagine, esce un messaggio pubblicitario, lo sfondo della pagina diventa interamente non selezionabile fino a quando non si chiude con apposito "pulsante" chiudi lo spot


    questo è proprio il risultato che voglio ottenere (anche se io non lo uso per messaggi pubblicitari)

    spero di aver reso un pò più comprensibile la mia confusa richiesta

    buona giornata a tutti

  5. #5

    Re: Re: div che occupa tutta la pagina

    Originariamente inviato da mansportivo
    lo stesso effetto da me desiderato avviene anche in questo sito
    .... quale sito?
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  6. #6
    hai provato anche con min-height:100% ?
    yappo
    ------------
    insane in the brain

  7. #7

    Re: Re: Re: div che occupa tutta la pagina

    Originariamente inviato da ricman
    .... quale sito?
    www.html.it

  8. #8

    Re: Re: Re: div che occupa tutta la pagina

    Originariamente inviato da ricman
    .... quale sito?
    mi è capitato giusto appunto in questa pagina http://css.html.it/articoli/leggi/20...t-anche-su-ie/ di avere tutta la pagina opacizzata e non selezionabile fino a quando non chiudo lo sponsor

    provare per credere!

  9. #9
    Originariamente inviato da yappo
    hai provato anche con min-height:100% ?
    no, purtroppo è peggio di prima, qui non occupa nemmeno tutta l'area video

  10. #10
    credo che l'esempio che tu citi dipenda da:



    <script type="text/javascript" src="http://utenti.html.it/common/js/overlayer.js"></script>
    <script type="text/javascript">
    <!--
    var showopacity = "y";

    addLoadEvent(function() { show_overlayer('60000','5','overlayer_css.htm','30 0','250'); })

    //-->
    </script>
    yappo
    ------------
    insane in the brain

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.