Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    19

    Centrare un DIV nella finestra di Firefox.

    Ciao a tutti,
    ho il seguente problema con Firefox.
    Subito dopo il tag body metto un DIV con la proprietà 'position' uguale ad 'absolute' e subito dopo metto uno script javascript che centra orizzontalmente il DIV all'interno della finestra del browser, per fare ciò imposto il left del DIV uguale a (document.body.clientWidth - larghezza_Div) / 2. Usando il browser Firefox accade che esso, quando comincia a caricare il body, mostra la sua finestra senza la barra di
    scorrimento verticale e il DIV viene centrato rispetto a tutta la larghezza della
    finestra di Firefox. Man mano che Firefox carica i vari tag, il testo e le immagini
    che si trovano dentro il tag body, ad un certo punto, se la pagina html è abbastanza
    lunga in senso verticale, accade che Firefox fa apparire la barra di scorrimento
    verticale ed il DIV non sarà più centrato orizzontalmente. Come si può ovviare a tale
    problema? Vorrei sapere se c'è una istruzione che costringe Firefox a far vedere
    sempre la barra di scorrimento verticale anche se non serve. Oppure se c'è un evento
    che si verifica e che può essere rilevato nel momento in cui Firefox fa apparire la
    barra di scorrimento verticale.

    Grazie anticipate,
    saluti,
    Squark

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    secondo me ti stai complicando la vita. Per centrare un layout o un elemento non occorre appoggiarsi a javascript, puoi gestire il tutto da css e senza l'uso di posizionamenti assoluti, notoriamente difficilmente gestibili

    leggi cosa dice Mich_


    per la barra di scorrimento associata a un div, ti basta settare la proprietà overflow, sempre da css


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.