problema centramento con opera

**NoWhere** · 06-07-2004, 19.32.44

come dico spesso ad un mio amico: "morirai pazzo" ...e la stessa cosa me la sta dicendo opera!

sia con css ke con tag html non riesco a far si ke questa pagina risulti allineata al centro!! Cosa invece ke funzia ottimamente con ie!!!

perchè, oh PERCHè???!?

06-07-2004, 21.03.37

Guarda con Opera son uscito pazzo anch'io un bel po' di volte, sarà pure un buon browser ma non sa interpretare i css!

**gve** · 07-07-2004, 00.42.41

Prova a strutturare cosi` il body della pagina:

<body>
<div id="main">
.
.
tutto il contenuto della pagina web
.
.
</div>
</body>

e mettere questo nel css (ovviamente e` l'esempio minimo):

body { text-align: center }
#main { margin: 0 auto }

**NoWhere** · 07-07-2004, 14.39.58

Originalmente inviato da gve

Prova a strutturare cosi` il body della pagina:

<body>
<div id="main">
.
.
tutto il contenuto della pagina web
.
.
</div>
</body>

e mettere questo nel css (ovviamente e` l'esempio minimo):

body { text-align: center }
#main { margin: 0 auto }

gve, avevo già provato a fare

Codice HTML:

<body>
 <div class="div">
 .
 tutto il contenuto della pagina web
 .
 </div>
 </body>

emettere nel .css

Codice HTML:

 .div { text-align: center }

ma non ha funzionato!

grrr!!

l'esempio ke hai postato tu non é pressapoco simile?

ahhhh sto sklerandooo!!

cmq, proverò anke il tuo suggerimento e poi vi faccio sapere!

**gve** · 07-07-2004, 18.26.21

E il margin laterale del div lo hai settato ad auto?

Ti serve un contenitore (div, ma basta anche il body) con allineamento centrato, e in questo un div che abbia i margini laterali settato ad auto.

Mi ero dimenticato: devi anche settare la larghezza complessiva del div interno (fai la somma degli elementi dentro di esso) altrimenti, di default, gli viene assegnato 100% ed e` tutto lavoro inutile.

Questo e` un'esempio testato:

Codice HTML:

<html>
<head></head>
<style type="text/css"><!--
body {
  text-align: center ;
}
#main {
  margin: 0 auto ;
  text-align: left ;
  width: 50% ;
  border: 1px solid #000000 ;
}
--></style>
<body>
<div id="main">
<p>Questo e` solo uno stupido esempio</p>
<p>Guarda un po' ... tac !</p>
</div>
<body>
</html>

**NoWhere** · 07-07-2004, 19.01.35

io ho specificato nel css i margini dentro a body a 0%.
Non so ke intendi x auto! [nn l'ho mai usato!]

ho provato a mettere il text-align: center dentro body, ma mi sfasa tutte le altre impostazioni di allineamento delle altre tabelle, blocchi ecc..

se vuoi ti mando via mp il css e lo sheletro della pagina!!

**gve** · 07-07-2004, 21.37.16

Originalmente inviato da NoWhere

Non so ke intendi x auto! [nn l'ho mai usato!]

auto vuol dire in generale che le adatta in base alle condizioni al contorno: il comportamento dipende da varie cose, in questo caso se il blocco che lo contiene ha allineamento al centro, sistema i margini in modo da far si` che il div rispetti questo allineamento ... altrimenti di default Opera considera i margini pari a 0, e ti allinea a sinistra.

Originalmente inviato da NoWhere

ho provato a mettere il text-align: center dentro body, ma mi sfasa tutte le altre impostazioni di allineamento delle altre tabelle, blocchi ecc..

Se setti sia body e div come ti ho detto non dovresti avere questo problema: i css funzionano a cascata: se specifichi una proprieta` per un blocco, questa si ripercuotera` sempre su tutti quelli interni ad esso, e` per questo che ho risettato nel div l'allineamento.

Originalmente inviato da NoWhere

se vuoi ti mando via mp il css e lo sheletro della pagina!!

Non serve, lo prelevo direttamente dalla pagina, ma ora non posso. O piu` tardi o domani gli do' un'occhiata, se nel frattempo non hai risolto.

Discussione: problema centramento con opera

LinkBack

Strumenti discussione

Display

problema centramento con opera

Regole di scrittura