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

    [JQuery] altezza div non corretta

    dunque...ho una paginetta divisa in tre colonne, due laterali con width: 10% e quella centrale con width: 80%. Tutti e tre con height: 100%. Ora, nella pagina posso inserire div dinamicamente che fanno aumentare la altezza della pagina ben oltre al 100% e devo "allungare" l'altezza dei 3 div fino a comprendere quelli aggiunti in fondo. Questo non è un porblema: ho allora utilizzato jquery in questo modo (chiamando div1 e div3 i div laterali e div2 quello centrale):

    Codice PHP:
    $(document).ready(function() {
      for (var 
    i=1i<4i++)
         $(
    "#div" i).height($(document).height());
    }); 
    lo script funziona bene, ma in fondo rimane sempre uno spazio bianco di 20-30 pixel di altezza: come mai?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Senza vedere il resto della pagina e i relativi css difficile da indicazioni, comunque prova anche cosi:
    var altDoc = $(document).height()
    $("#div" + i).css({'height': altDoc});
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    grazie Andrea...ma non risolve nulla la tua soluzione anzi! l'altezza si ferma a metà pagina come se non funzionasse per niente (provato su chrome, firefox ed opera) ...i div non si differenziano molto, sono piuttosto simili:

    Codice PHP:
    #div1, #div2, #div3 {
      
    floatleft;
      
    top0px;
      
    background-color#FFFFFF;
      
    color#000000;
      
    height100%;
      
    margin0px;
      
    padding0px;
    }

    #div1, #div3{
      
    width10%;
    }

    #div2{
      
    width80%;

    all'interno di div2 inserisco dei div dinamicamente (tramite jquery) sotto quelli precedenti allungando così l'altezza height dei 3 div che modifico come hai visto a seconda dell'altezza di $(document)

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da Emulman
    ... all'interno di div2 inserisco dei div dinamicamente (tramite jquery) sotto quelli precedenti allungando così l'altezza height
    L'inserimento dei div avviene sempre al caricamento (ready) del documento o successivamente?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    quando aggiungo un div subito dopo uso location.href per ricaricare la pagina ed essere quindi sicuro che il ridimensionamento avvenga alla fine del caricamento della pagina

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    T'ho perso usi jquery per caricare dei div poi ricarichi la pagina, ma in questo modo perdi i div caricati con jquery, oltretutto non ha più senso usare jquery fai direttamente una nuova chiamata al server con la pagina aggiornata
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.