centro della pagina

**conero** · 25-01-2007, 19:05

Ciao ragazzi, io devo centrare il mio sito al centro della pagina sia in ie che ff.
per farlo come faccio senza utlizzare le tabelle!?
perchè riesco a centrarlo in orizzontale ma non in verticale.
Grazie mille
Ciao Alessandro

**Sickbrain** · 25-01-2007, 19:17

codice:

HTML


<body>
  <div id="container">
    ... il layout si mette qua dentro ...
  </div>
</body>

codice:

CSS

body {
text-align: center;
}

#container {
margin: 0 auto;
width: 60%;
}

Se ti può interessare:

http://www.sickbrain.org/?document_i...ic_id=8&page=0

Ciao

**conero** · 25-01-2007, 19:34

si io lo voglio allineato anche in verticale!!! come faccio!? vertical-align:top non va!

**Sickbrain** · 25-01-2007, 19:54

si io lo voglio allineato anche in verticale!!!

:master: forse non ho capito, ma vuoi allineare in verticale e orizzontale?
Per quanto riguarda l'orizzontale ti ho già postato il codice, per verticale il "contenitore" si espande in verticale in base al contenuto.

Cerca di essere più specifico...

**conero** · 25-01-2007, 20:03

allora io ho un sito con width=900 e height=600.
voglio che in qualsiasi browser e risoluzione, sia piazzato al centro sia in verticale che orizzontale.
ora per l'orizzontale non ho problemi, ma per il verticale si.
Come posso fare dato che tutto il sito è contenuto dentro un div che a sua volta è dentro il body!?

**pikkio74** · 25-01-2007, 20:03

Se il sito è quello in firma si capisce cosa intendi, però non mi viene in mente una soluzione con i CSS valida per tutte le risoluzioni. Forse con il margin verticale espresso in percentuale?

**spilloggino** · 25-01-2007, 20:07

Fai 2 fogli di stile, uno per IE (

VVoVe: ) e un altro per ff (

) e gli altri.
In quello per ff scrivi:
body{
margin: 0;
padding:0;
}
#contenitore_prinipale{
margin: 0 auto;
position: relative;
width:645px;
height:735px;
top:0;
}
Quello per IE:
body{
text-align:center;
margin: 0;
padding:0;
}

#contenitore_prinipale{
margin: 0 auto;
position: relative;
width:645px;
height:580px;
top:0;
text-align:left;
}

Spero di aver capito bene

**conero** · 25-01-2007, 20:19

ho provato le soluzioni ma non funzionano nessuna delle 2.
l'unica soluzione che ho trovato è usare due tabelle una dentro l'altra.
Ma siccome volevo fare un sito completamente css volevo trovare la soluzione!
il sito in questione, diciamo che è graficamente più o meno come www.ortoconserviera.com. OPerò questo è un sito vecchio fatto con vecchie tecnologie. Ora voglio fare lo stesso centramente solamente con i css.
HELP!!!!!

**ricman** · 26-01-2007, 09:58

Originariamente inviato da conero
ho provato le soluzioni ma non funzionano nessuna delle 2.
l'unica soluzione che ho trovato è usare due tabelle una dentro l'altra.

Nooooo! Brutta cosa!!

Ad esempio puoi fare così (vedi sotto). Il div da centrare sarà di dimensioni fisse che entrano in 800x600 (nell'esempio è 760x410) e in questo modo copri tutte le risoluzioni. Ovvio che a 1600x1200 vedi un piccolo rettangolo... ma la botte piena e la moglie briaca....

Codice PHP:


html, body {

    height: 100%;

    margin:0px;

    padding:0px;

}

#main {

    position: absolute; top:50%; left:50%;

    height: 410px;

    width: 760px;

    margin: -205px 0px 0px -380px;

    text-align: left;

    padding: 0px;

    border: 1px solid #7c7c7c;

}







HTML



<body>

  <div id="main">

   il contenuto

  </div>

</body>

**conero** · 26-01-2007, 15:58

singh ma anche questo non va.... altre soluzioni!?

Discussione: centro della pagina

Strumenti discussione

Ricerca discussione

Visualizza

centro della pagina

Permessi di invio