Visualizzazione risultati 1 fino 4 di 4

Discussione: Adattare div allo schermo

  1. #1
    Guest

    Predefinito Adattare div allo schermo

    ciao, ho un piccolo problema:
    ho un div che fa da header di altezza 200px e ne ho un altro sotto che fa da contenuto... ora, avrei bisogno che il div sotto si adatti allo schermo: che arrivi fino alla base dello schermo, il problema é che con FF nn va il 100% perche compare la scrollbar con piu 200px da scrollare infondo... sapreste dirmi come posso fare? grazie mille... ciaooo

  2. #2
    Guest

    Predefinito

    Se ho capito bene potresti provare con JS, se ben ricordo.

    In <head>:
    Codice HTML:
    <script type="text/javascript"><!--
    function setHeight(){
     document.getElementById('id_div_contenuto').style.height = (window.innerHeight-210)+'px';
    }
    --></script>
    Ovviamente sostituisci a 'id_div_contenuto' il vero id del div in questione.

    Poi:

    Codice HTML:
    <body onload="setHeight()">
    E dovrebbe essere apposto. Il codice l'ho scritto a volo e nn l'ho testato, fammi sapere.

  3. #3
    Guest

    Predefinito

    Scusa ma perché non continui ad usare i css.

    Al posto dei px usa la percentuale, poi per tenerlo "incollato" potresti giocare con bottom left top right ecc..

    Spero arrivi ad una soluzione in caso contrario posta qui.

    Per il js potrebbe essere una soluzione ma meglio i css..

  4. #4
    Guest

    Predefinito

    con la perentuale rischio che se uno nn ha lo schermo grande come il mio veda l'header malissimo, che dovrebbe essere alto 200px... altre idee? senno provo con il js..

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •