Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Resize

  1. #1

    Resize

    Come faccio a centrare un div in un browser ogni volta che la finestra viene ridimensionata?
    Cioè ho un div e voglio, tramite js, che sia sempre centrato sia in altezza che in larghezza.
    Grazie

  2. #2
    perche non usare i css?

  3. #3
    deve essere una cosa dinamica. Devo sapere la larghezza della finestra tramite javascript

  4. #4
    hai provato se qui ce qualche spunto x il tuo problema?

    http://forum.html.it/forum/showthrea...hreadid=338806

  5. #5

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    le dimensioni della parte visibile del documento (viewport) le puoi rilevare con
    codice:
    function rW(){
    	return (window.innerWidth)?window.innerWidth:
    		(document.documentElement.clientWidth)?document.documentElement.clientWidth:
    		(document.body.clientWidth)?document.body.clientWidth:0;
    }
    function rH(){
    	return (window.innerHeight)?window.innerHeight:
    		(document.documentElement.clientHeight)?document.documentElement.clientHeight:
    		(document.body.clientHeight)?document.body.clientHeight:0;	
    }
    alert(rW()+'*'+rH())
    ciao

  7. #7
    grande!!!!
    ottimo questo codice, mi ha risolto tutti i problemi.
    Grazie mille!

  8. #8
    un'altra cosa: dovrei risettare ogni volta la proprietà left del div "container". Con IE tutto ok, con NN non mi funziona.

    codice:
    if (browser == "IE")
       document.all.container.style.left = (width - 600) /2;
    else
       document.getElementById("container").style.left =(width - 600) /2;
    Secondo voi perchè non mi va?

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    prova così
    codice:
    document.getElementById("container").style.left =((width - 600)/2)+'px';
    ciao

  10. #10
    mitico di nuovo.
    Grazie mille ancora!!!!

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.