Visualizzazione dei risultati da 1 a 6 su 6

Discussione: margini...

  1. #1

    margini...

    salve a tutti,
    è da un po che sto su questo forum e non ho ancora trovato la mia risposta sfortunatamente.
    comunque credo che questa si la mia volta buona.
    quello che vorrei fare è semplice visto che lo vedo fatto da moltissimi siti.
    una volta applicato un margine ad un elemento vorrei far si che quel margine diminuisca man
    mano che io ridimensiono la finestra, un buon esempio è questo sito sui pappagalli:

    ESEMPIO

    come si puo vedere se andate a rimpicciolire la pagina da destra verso sinistra il margine sinistro si riddurrà. Come faccio ad ottenere questo effetto? (ho già provato con le percentuali)

    ecco il mio stato attuale...
    #disperazione

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, nell'esempio lincato hai un layout con larghezza fissa. Il contenitore ha una larghezza di 980 pixel ed è centrato con un margin:auto.

  3. #3

    grazie...

    grazie per aver risposto, ma non ho capito come faccio mettendo margin:auto al contenitore a posizionarlo come lo voglio io???

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Esempio:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    
    <style type="text/css">
    <!--
    #main {
    	width:850px;
    	margin:0 auto;
    	background-color:#CC99FF;
    }
    -->
    </style>
    </head>
    
    <body>
    
    <div id="main">
      <div>contenuti vari che saranno centrati nella pagina</div>
    </div>
    </body>
    </html>
    tutti i contenuti saranno al centro della pagina e i margini si ridurranno al ridursi della finestra, quando la larghezza di quest'ultima sarà inferiore a quella del div arai uno scrolling orizzontale

  5. #5

  6. #6

    grazie mille!

    grazie molte mi hai fatto capire esattamente quello che volevo...

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.