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

    livello fisso in Verticale ma sempre al centro

    sto costruendo un sito centrato in orrizzontale nel browser, al suo interno ho creato un layer con i css dandogli le distanze dal top e dal left, solo che ridimensionando il browser il livello rimane fisso verticalmente e orrizzontalmente, quindi se riduco la larghezza del browser tutta l'impaginazione del sito si sposta rimanendo sempre al centro mentre il livello rimane fisso nella sua posizione originale.
    come risolvo il problema?
    Agenzia di Comunicazione

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Posta il CSS che usi, e magari anche i tag HTML che usano tale CSS. In alternativa va bene anche un link.

    Potrebbe esserci un uso improprio di qualche attributo, ma e` difficile dirlo senza vedere.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    questo è il codice che ho utilizzato
    codice:
    <div id="Layer1" style="position:absolute; top:170px; width:450px; height:234px; z-index:1; overflow: auto; left: 385px;">
    questo è il link della pagina senza immagini
    guarda qui

    se provi a ridimensionare il browser in orrizzontale vedrai che si adegua tutto tranne che il layer
    Agenzia di Comunicazione

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Be`h un minimo studio dei CSS ci starebbe.

    E` chiaro che con quel codice non centri un oggetto: lo posizioni in una data posizione fissa.

    Supponendo che il tuo Layer1 sia l'unico nel body, puoi fare una cosa di questo tipo:
    codice:
    ....
    <style type="text/css">
    html, body {
        text-align: center; /* hack per IE */
    }
    #Layer1 {
        width: 450px;
        height: 234px;
        z-index: 1;
        overflow: auto;
        margin: 0,auto;     /* serve per i browser conformi */
    }
    </style>
    <head>
    <body>
      <div id="Layer1">
        ....
      </div>
    </body>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    grazie è quello che volevo
    Agenzia di Comunicazione

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 © 2026 vBulletin Solutions, Inc. All rights reserved.