Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Zoom al centro: come?

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26

    Zoom al centro: come?

    Salve ragazzi, potreste dirmi quale parametro modificare per far sì che quando con un browser qualsiasi si riduce lo zoom della visualizzazione, il sito rimanga al centro dello schermo e non resti invece ancorato a sinistra?

    Esempio:
    zoom centrato: html.it
    zoom a sinistra: repubblica.it

    Ciao!

  2. #2
    metti tutto in un contenitore, dai una larghezza e imposti il margin.
    esempio:

    codice:
    <div id="container">
    
    </div>
    codice:
    #container
    {
       width: 960px;
       margin: 0 auto;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26
    perdonami, ma non ho capito bene dove posizionare il "contenitore"..
    considera che sono agli inizi e vado provando un pò a caso..

    potresti indicarmi dove inserire il tag <div id="container">
    e dove gli attributi
    width: 960px; margin: 0 auto ?

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26
    qualcuno che mi chiarisca meglio..
    non ho capito come mettere il sito già in parte creato dentro un contenitore..

  5. #5
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Nell'head della pagina
    codice:
    <style>
    #container
    {
       width: 960px;
       margin: 0 auto;
    }
    </style>
    Nel body della pagina
    codice:
    <div id="container">
    
    </div>

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26
    ho provato a fare come mi hai detto, ma non cambia nulla...
    appena provo a zoommare in piccolo il site rimane sempre tutto a sinistra!

  7. #7
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Prova così:
    codice:
    #container {
    	padding: 0px;
    	height: 550px;
    	width: 960px;
    	top: 50%;
    	left: 50%;
                 margin: -275px 0 0 -480px;
    }
    -->
    </style>

  8. #8
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26
    niente da fare.. non cambia nulla..

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    26
    se ti postassi il codice del sito potresti verificare tu se magari il problema dipende da altro?

  10. #10
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da +39
    niente da fare.. non cambia nulla..
    Guarda che forse hai provato il codice sbagliato, l'ho modificato dopo perchè avevo scritto sbagliato

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.