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

    Div al centro della pagina ridimensionabie

    ciao a tutti sono qui per porvi un quesito.

    Dovrei posizionare al centro il mio sito con i div come posso fare?

    il sito in esempio e questo



    www.doc-pc.it


    Grazie davvero a tutti per il futuro aiuto
    http://www.doc-pc.it Se hai bisogno di aiuto sono qua...

  2. #2
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    Se parli di centratura orizzontale, allora imposta nel foglio di stile
    codice:
    body {
       text-align: center;
    }
    
    #centrale {  /* attento perchè nella tua pagina è scritto "cerntale" !! */
       margin: 0 auto;
    }
    Ho dato un'occhiata al volo ma mi pare che quel livello sia il tuo più esterno, quello che contiene tutto il resto della pagina

  3. #3
    grazie della risposta ma non funziona, rimane sempre a sinistra se vuoi ti posto il codice dei css


    codice HTML:
    @charset "utf-8";
    /* Menu */
    #menu {
    	border: 1px solid #CCCCCC;
    	height: 115px;
    	width: 270px;
    	margin-left: 480px;
    	margin-top: -254px;
    	padding-left: 5px;
    	padding-top: 5px;
    }
    
    #menu ul
    {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	list-style-type:none;
    	margin:0;
    	padding:0;
    }
    
    #menu li
    {
    display: inline;
    /* per IE5 e IE6 */
    }
    
    #menu a
    {
    	color: #999999;
    	text-decoration: blink;
    	font-size: 14px;
    	display: block;
    	padding: 1px;
    }
    
    #menu a:link, #menu a:visited
    {
    	color: #666666;
    	text-decoration: none;
    }
    
    #menu a:hover
    {
    	text-decoration: underline;
    
    }
    /* Menu fine */
    #container {
    	width: 763px;
    	height: 700px;
    	margin-top: 20px;
    }
    #tabelle {
    	width: 765px;
    	height: 255px;
    	margin-left: 0px;
    }
    .testo {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #CCCCCC;
    	text-decoration: none;
    	padding-right: 5px;
    }
    #tabelle_centrale {
    	width: 475px;
    	height: 315px;
    	border: 1px solid #CCCCCC;
    	margin-left: 275px;
    	margin-top: -125px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FF6600;
    	padding-top: 5px;
    	padding-left: 5px;
    }
    #tabella_sotto {
    	margin-top: -197px;
    	margin-left: 540px;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #0099FF;
    	width: 210px;
    	height: 190px;
    	border: 1px solid #CCCCCC;
    	padding-top: 5px;
    	padding-left: 5px;
    }
    #news {
    	margin-top: -185px;
    	margin-left: 5px;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #0099FF;
    	border: 1px solid #CCCCCC;
    	padding-top: 5px;
    	padding-left: 5px;
    	width: 258px;
    }
    #servizi {
    	margin-left: 5px;
    	width: 520px;
    	height: 120px;
    	margin-top: 40px;
    	border: 1px solid #CCCCCC;
    	padding-top: 5px;
    	padding-left: 5px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FF6600;
    }
    #footer {
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #CCCCCC;
    	margin-top: 20px;
    	width: 747px;
    	margin-left: 5px;
    	text-align: right;
    }
    #news_dentro {
    	width: 250px;
    	height: 100px;
    	margin-top: 12px;
    	padding-bottom: 90px;
    	
    }
    #centrale {
    	width: 100%;
    	margin: 0 auto;
    }
    body {
       text-align: center;
    }
    http://www.doc-pc.it Se hai bisogno di aiuto sono qua...

  4. #4
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    se usi
    codice:
    #centrale {
       width:100%
    }
    ci credo che non funziona....

    Non hai un layout liquido, quindi sai benissimo quale larghezza dovrà avere il tuo div contenitore, imposta la larghezza giusta e vedrai che qualcosa si sistema

  5. #5
    ok grazie mille provo a rifare tutto da capo


    sei stato gentilissimo
    http://www.doc-pc.it Se hai bisogno di aiuto sono qua...

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.