Newsgroup: it.comp.www.html
Titolo: Come centrare orizzontalmente l'intero sito? :-)

Salve.
Navigando con una risoluzione verticale dello schermo molto alta, ho
visto che ci sono dei siti che stanno tutti sulla sinistra, altri sono
tutti sulla destra, mentre altri ancora stanno al centro.
Io ho un blog in wordpress che su IE si vede centrato, mentre su Firefox
ed Opera si vede sulla sinistra.
Prima si vedeva, in tutti e tre i browser, sulla sinistra.
Ho aggiunto "text-align: center;" a "body" nel foglio di stile, e IE ha
capito quel che volevo fare, mentre gli altri due browser ancora no. :-(
Come posso fare per ottenere il risultato sperato in tutti i browser?
In generale ho spesso questo problema.
Grazie.
Francesco
ps. "margin" è settato su "auto".
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 ps. "margin" è settato su "auto".
Ho risolto usando "margin: 0 auto;".
Eppure avevo già "* { margin: 0px; padding: 0px; }".
C'è una spiegazione razionale? :-)
Saluti
Francesco



Se non devi supportare IE5 dimentica quel trucco
di text-align: center.
Bye.
PS: non è necessario specificare le unità di misura
quando il valore è a zero
-- 
deelan
http://passiomatic.com/
http://www.deelan.com/


 quando il valore è a zero
ok, capo :)
Grazie mille.
Francesco


 quali keyword posso usare per trovare una spiegazione di questa cosa?
un manuale sui css, e se ne trovano di buoni in giro, può essere molto 
utile. prova quello di meyer.
ciao


ciao!
Io invece ho creato un sito web con pub 03, ma non trovo il modo metterlo 
centrato sullo schermo.
Esiste anima pia che possa aiutarmi??
denghių.


html,body{margin: 0;/*padding:0*/}
body{text-align: center; /*centra in IE 5.x */
font-family: Verdana, sans-serif;
font: normal 12px Verdana, sans-serif;
text-align: center;
}
div#container
{
position:relative; width:745px; top:0px; left:0px; right:0px;
margin: 0 auto; text-align: left;
padding:0px 0px;
z-index: 1;
}
div#div1_da_visualizzare{...}
div#div2_da_visualizzare{...}
...
Io li centro cosi i siti :)
ciao


 ha scritto nel messaggio 
news:1169831384.1...@j27g2000cwj.googlegroups.com...
il codice del mio è:
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="
http://www.w3.org/TR/REC-html40
">
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="index_file/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
..shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Vuoto</title>
<style>
<!--
 /* Definizioni degli stili */
ol
 {margin-top:0in;
 margin-bottom:0in;
 margin-left:.25in;}
ul
 {margin-top:0in;
 margin-bottom:0in;
 margin-left:.25in;}
@page
 {size:8.2673in 11.6923in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="3075" fill="f" fillcolor="white [7]"
  strokecolor="black [0]">
  <v:fill color="white [7]" color2="white [7]" on="f"/>
  <v:stroke color="black [0]" color2="white [7]">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
  <o:colormenu v:ext="edit" fillcolor="blue [1]" strokecolor="black [0]"
   shadowcolor="#ccc [4]"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>
<body link="#0066FF" vlink="#6633CC" style='margin:0'>
<div style='position:absolute;width:7.9319in;height:3.5777in'>
<!--[if gte vml 1]><v:shapetype id="_x0000_t170" coordsize="21600,21600" 
o:spt="170"
 adj="7200" path="m@0,l@1,m,21600r21600,e">
 <v:formulas>
  <v:f eqn="val #0"/>
  <v:f eqn="sum 21600 0 @0"/>
  <v:f eqn="prod #0 1 2"/>
  <v:f eqn="sum 21600 0 @2"/>
  <v:f eqn="sum @1 21600 @0"/>
 </v:formulas>
 <v:path textpathok="t" o:connecttype="custom" 
o:connectlocs="10800,0;@2,10800;10800,21600;@3,10800"
  o:connectangles="270,180,90,0"/>
 <v:textpath on="t" fitshape="t"/>
 <v:handles>
  <v:h position="#0,topLeft" xrange="0,10792"/>
 </v:handles>
 <o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1034" type="#_x0000_t170" 
style='position:absolute;
 left:220.59pt;top:202.87pt;width:198.56pt;height:51pt;z-index:3;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' adj="2158"
 fillcolor="#520402" strokecolor="#b2b2b2" strokeweight="1pt" 
o:cliptowrap="t">
 <v:fill color2="#fc0" focus="100%" type="gradient"/>
 <v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow on="t" type="perspective" color="#875b0d" opacity="45875f" 
origin=",.5"
  matrix=",,,.5,,-4768371582e-16"/>
 <v:path insetpenok="f"/>
 <v:textpath style='font-family:"Arial Black";v-text-kern:t' trim="t"
  fitpath="t" string="Inserire testo"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:3;
left:292px;top:267px;width:262px;height:75px'><img width=262 height=75
src="index_file/image298.gif" alt="Inserire testo" 
v:shapes="_x0000_s1034"></span><![endif]>
</div>
</body>
</html>
credo che sia più impossibile che difficile 


 credo che sia più impossibile che difficile 
Complimenti per i codice pulito. Fatto con Word?
-- 
deelan
http://passiomatic.com/
http://www.deelan.com/
