Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    posizionamento div con variabile...

    Ciao a tutti,
    devo fare un div che, come posizione assoluta, si trovi a 60 px dalla base della finestra del browser, indipendentemente dalla risoluzione dell'utente, e avevo pensato di riuscirci facendo una cosa del genere:

    <script language="javascript">
    var base = screen.height - 60px;
    </script>
    <div id="pippo" style="LEFT: 0px; POSITION: absolute; TOP: (variabile base); HEIGHT: 35px; width: 50px">
    pippo
    </div>

    ma mi sono incasinato con la sintassi e sopratutto non so come passare la variabile "base" al tag div.

    Se qualcuno che mi sa dare una mano, grazie 1000.

  2. #2
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633

    Re: posizionamento div con variabile...

    Originariamente inviato da aluck
    Ciao a tutti,
    devo fare un div che, come posizione assoluta, si trovi a 60 px dalla base della finestra del browser, indipendentemente dalla risoluzione dell'utente, e avevo pensato di riuscirci facendo una cosa del genere:

    <script language="javascript">
    var base = screen.height - 60px;
    </script>


    ma mi sono incasinato con la sintassi e sopratutto non so come passare la variabile "base" al tag div.

    Se qualcuno che mi sa dare una mano, grazie 1000.
    Prova così

    <script language="javascript">
    function setPos(){
    var base = screen.height - 60px;
    document.getElementById('pippo').style.top=base;
    }
    </script>

    <body onload="setPos()">
    <div id="pippo" style="left:0px;position:absolute;height:35px;widt h: 50px">
    pippo
    </div>

    Fammi sapere

    ...I'm insane in the brain...

  3. #3

    purtroppo no...

    Grazie comunque,
    ho provato come mi hai suggerito, ma non mi funziona.
    Forse perchè ho un sacco di altri elementi nella pagina, compresa un'altra funzione che già mi caricava con "onLoad".

    Proverò a lavorarci sopra.

  4. #4

    per Iguane...

    Trovato ! Era più semplice del previsto.
    Bastava scrivere:

    <div id="pippo" style="BOTTOM: 60px; position:absolute; height: 35px; width: 50px">

    Grazie lo stesso

  5. #5
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633

    Re: per Iguane...

    Originariamente inviato da aluck
    Trovato ! Era più semplice del previsto.
    Bastava scrivere:

    <div id="pippo" style="BOTTOM: 60px; position:absolute; height: 35px; width: 50px">

    Grazie lo stesso
    Di nulla (hai risolto da solo):tongue:

    ...I'm 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.