centrale pagina css

[Bregovic]

Sono riuscita a fatica a costruire tutta la struttura della mia pagina con i css..

ORa però ho un problema, io ho allineato tutti gli elementi al bordo sinistro, quindi partendo da 0px in poi..
Adesos invece mi chiedono di centrare la pagina.
E io non ho la più pallida idea di come possa fare!

Devo fare un div più grande che contenga tutti, centrare quello (come fosse una tabella) e gli altri div annidati dentro con le distanze calcolate l'uno dall'altro e non rispetto al margine della pagina????

NOn so, non ho idea..

Vi posto il mio css (sono sempre i miei primi tentativi)


body {
margin:0px;
padding:0px;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:white;
background-image:url(fondino1.jpg);
background-repeat:repeat;
height: 100%;
width: 100%;
}

#fondolaterale {
margin:0px;
padding:0px;
background-image:url(fondolaterale.jpg);
background-repeat:repeat-x;
background-position: 760px 94px;
height: 346px;
width: 100%;
}

#fondoverticale {
margin:0px;
padding:0px;
background-image:url(fondoverticale.jpg);
background-repeat:repeat-y;
background-position: 0px opx;
height:100%;
width:755px;
}

#testata {
position:absolute;
margin:0px;
top:0px;
left:0px;
height:94px;
width:760px;
backgound-color:#FFFFFF;

}

#fla {
position:absolute;
top:94px;
left:0px;
width:429px;
height:252px;
background-color:#FFFFFF;
}

#mission {
position:absolute;
top:346px;
left:0px;
width:428px;
height:222px;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:#FFFFFF;
}

#barrettadx {
position:absolute;
top:94px;
left:725px;
width:33px;
height:474px;
background-color:#FFFFFF;
}

#promozioni {
position:absolute;
top: 94px;
left: 500px;
width: 225px;
height: 155px;
background-color:#FFFFFF;
}

#news{
position:absolute;
top:249px;
left:500px;
width:225px;
height:157px;
background-color:#FFFFFF;
}

#clienti{
position:absolute;
top:406px;
left:500PX;
width:225px;
height:164px;
background-color:#FFFFFF;
}

[span]

Originariamente inviato da Bregovic
Sono riuscita a fatica a costruire tutta la struttura della mia pagina con i css..

ORa però ho un problema, io ho allineato tutti gli elementi al bordo sinistro, quindi partendo da 0px in poi..
Adesos invece mi chiedono di centrare la pagina.
E io non ho la più pallida idea di come possa fare!

Devo fare un div più grande che contenga tutti, centrare quello (come fosse una tabella) e gli altri div annidati dentro con le distanze calcolate l'uno dall'altro e non rispetto al margine della pagina????

NOn so, non ho idea..

si, devi inserirlo in un div contenitore, dargli una position: relative; (così i box con position: absolute faranno riferimento a quello) e fare una roba del genere: http://atomsurfer.altervista.org/xht...are_un_box.php

forse devi specificare la larghezza del contenitore

[Bregovic]

Quindi io posso fare un

#contenitore

dico posizionamento assoluto e center al left (ci può fare left:center ??? non l'ho trovato sulla guida)

e agli altri dico posizionamento relativo

???

Boh

[Bregovic]

allora,
su safari non si centra niente..
su explorer mac diciamo che si sposta ma non è che sia al centro della pagina..in più mi sballar altri elementi..

io ho fatto:

#contenitore {
left:center;
top:0px;
position:absolute;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:white;
height: 100%;
width: 740px;
}

[span]

Scusa, ma hai letto?

Originariamente inviato da Bregovic

#contenitore {
  position: relative;
  margin: auto;
  width: 740px;
  height: 100%;
  background-color:white;
  color:#A29A9A;
  font-family:Trebuchet, arial, helvetica;
  font-size:11px;
 }

e nel body{text-align: center; /* serve per IE*/}

dopo però dovrai dichiarare l'align in tutti box che non vuoi abbiano il testo centrato

[Bregovic]

Okkei hai ragione scusa!
Ora però me lo allinea anche verticalmente!
Invece io lo voglio in centro ma attaccato al bordo alto

[span]

Originariamente inviato da Bregovic
Okkei hai ragione scusa!
Ora però me lo allinea anche verticalmente!
Invece io lo voglio in centro ma attaccato al bordo alto

mi sembra strano :master:

prova a scrivere dopo margin: auto; margin-top: 0; o passimi un link per guardarlo :master:

[Bregovic]

okkei io ho fatto così:

body {
margin:0px;
padding:0px;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:white;
background-image:url(fondino1.jpg);
background-repeat:repeat;
height: 100%;
width: 100%;
text-align: center;
}

#contenitore {
position:relative;
margin:auto;
margin-top:0;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:white;
height: 100%;
width: 740px;
text-align: left;
}

[Bregovic]

scusda il link per guardarlo è www.simply.it/aliquid

[Bregovic]

okkei sono riuscita a centrarlo,
avevo dimenticato un position:absolute in un elemento.
Ora sto lottando con sti cavolo di sfondini