centrare pagine sito

  • Creatore Discussione Creatore Discussione cyber
  • Data di inizio Data di inizio

cyber

Nuovo Utente
11 Mag 2012
29
0
0
Cagliari
ciao a tutti so che ci sono decine di post simili a questo ma in nessuno di questi ho trovato la risposta che cerco.
cioè come faccio a centrare le pagine del mio sito web?
mi spiego meglio il mio sito è basato su livelli per l'esattezza 5
all'interno del primo abbiamo una slideshow in flash
nel secondo un menu con pulsanti in gif
nel terzo un video di youtube e dei link che riportano hai miei profili di youtube,facebook e google+
nel quarto un scrollbox con immagine
e nel quinto dei contattori di visite.

ora io ho provato con <center>......</center> , <div align=center>...</div> ecc.. ovviamente messi in <body>...</body> ma nessuno di questi riesce a centrare le pagine
help me
questo è il mio sito
 
Ciao , secondo me dovresti rivedere l'intera struttura e evitare di usare position fixed per tutti gli elementi

gli dai un margine sinistro di quasi 500 px , è normale che si sposti verso destra

esempio :

HTML:
<html>
    <head>
        <title>sito</title>
        <style type="text/css">
            html body {
                text-align: center
            }
            div#contenitore {
                background-color: #e4e4e4;
                margin: auto;
                width: 960px;
                min-height: 600px;
            }
        </style>
    </head>
    <body>
        <div id="contenitore">
            Tutti gli altri div
        </div>
    </body>
</html>
 
Ho detto fixed ma volevo dire absolute

secondo me è li il problema

HTML:
<div id="Menu2" style="position: absolute; width: 756px; height: 46px; z-index: 1; left: 417px; top: 359px">
 
e se invece che in px dichiari tutti left in percentuale?

left:10%

che fa?
 
Allora, ho dato una rapida vista al tuo sito.
Posso suggerirti di utilizzare un div principale, ad esempio #container da centrare all' interno del body.

Dunque il codice sarebbe :

HTML:
<div id="centrato">
</div>

mentre nel codice css, dovresti utilizzare come già suggeritoti, le dimensioni e il margine da entrambi i lati :

HTML:
#centrato {
width : 960px ;
height : auto ;
margin : 0 auto ; 
}

Vedi se funziona in questo modo
 
ragazzi io sarei anche disposto a rifare il sito da zero ma ho paura che debba riusare i livelli con il risultato che o adesso

ecco come si presenta la mia index ora
HTML:
<html><head>
<style type="text/css">
            html body
            { background-repeat: no-repeat; 
              text-align: center;
            }
</style>
<meta http-equiv="Content-Language" content="it">
<META content="text/html; charset=utf-8" http-equiv=Content-Type><title>Sardinia Reptiles-Home</title>
</head>
<body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" background="1.jpg">
<div align='center'>
</div>
</body>
<link rel="shortcut icon" href="favicon.ico">
</html>

è nonostante questo e sempre allineata a destra
 
Ultima modifica:
si il sito e quello e ho risolto ieri sera impostando così il css

HTML:
<style type="text/css">
            html body
            {
            background-position: center top;
            background-image:url('1.jpg');
            background-repeat:no-repeat;
}
</style>

grazie a tutti
alla prossima
 

Discussioni simili