Newsgroup: it.comp.www.html
Titolo: problema <div align="center">

Salve,
secondo le specifiche per HTML 4.01 Strict, <div align="center"> non č 
corretto perchč align non č un attributo permesso. Ora, suppongo che ci 
sia un altro metodo per centrare una tabella sulla pagina, penso usando 
gli style sheet, una cosa simile a text-align: center; .
nella documentazione non ho trovato nulla di utile, si parla di 
float/static/... positioning, ma č diventato cosě complesso centrare una 
tabella? Usando left: 50% con opera e mozilla non viene centrato niente, 
e non posso specificare valori in pixel visto che non conosco la 
risoluzione del visitatore!
qualcuno ha qualche idea?
grazie
js

 gli style sheet, una cosa simile a text-align: center;
Text-align serve appunto a centrare il testo, non altri elementi.
Il metodo corretto per centrare una tabella e' usare:
margin-left:auto;
margin-right:auto;

 qualcuno ha qualche idea?
Hai un qualche motivo serio per usare la strict? Perche' cercare
compatibilita' con la strict e' il modo piu' veloce per farsi venire il mal
di testa, temo :-)
-- 
Laz

 Text-align serve appunto a centrare il testo, non altri elementi.
Uh? Le specifiche dicono:
----------
DIV.center { text-align: center }
Since 'text-align' inherits, all block-level elements inside the 'DIV'
element with 'CLASS=center' will be centered.
----------
-- 
Laz


giustissimo
grazie!

 content centered. 
Rozza traduzione: Tutti gli elementi a livello di blocco figli di 
DIV.center avranno il contenuto in linea (il testo, per farla breve) 
centrato.

 Ma che versione delle specifiche hai consultato??? :)
CSS1.
-- 
Laz

 Intended is: "... all line boxes of all block-level elements..."
Se text-align allineasse anche i blocchi non si chiamerebbe TEXT-align :)

> elements..."
Aah ecco! Bene, Pero' se non ricordo male qualche browser che centrava cmq
tutto c'era... erratamente ora vedo. Cmq, un altro motivo per non usare lo
strict :-)
-- 
Laz

 Pero' se non ricordo male qualche browser che centrava
IIRC, Explorer, versione 6 compresa, centra tutto, testo e anche le 
"scatole" generate dagli elementi a livello di blocco.

"scatole" generate dagli elementi a livello di blocco.
IIRC solo la versione per Windows, quella Mac mi e` sempre sembrata
piu` precisa.
Ciao,
 P.

 piu` precisa.
Confermo. Me l'ero scordato :)

margin-right:auto;
e se io volessi centrare una<div> rispetto alla pagina?

 e se io volessi centrare una<div> rispetto alla pagina?
idem

idem
ma se uso questi attributi:
 body {
	margin-left:auto;
	margin-right:auto;
          }
e creo una div #pippo
#pippo {
	  width:80%;
	  height:80%;
	}
che poi inserisco come
<div id="pippo">testo della div</div>
nel body, il browser rende una div allineata a sinistra...
dove sbaglio?

 	}
Devi applicare il margine a DIV, non a BODY:
#pippo {
   width:80%;
   height:80%;
   margin-left:auto;
   margin-right:auto;
}

margin-right:auto;
se non sbaglio, questo non funziona con IE5.x per Windows, giusto?
Ciao,
 P.

 se non sbaglio, questo non funziona con IE5.x per Windows, giusto?
Anche 6, credo. In barba alle specifiche, usando text-align IE allinea 
anche i blocchi. Bisogna combinare le due tecniche.

margin-right:auto;
Peccato che non funzioni su un pacco di browser :-/
-- 
  _  _ >>Now on Linux<<  _     ||              Home Page:
 | \| |___ _____ ___ ___|_|___ ||  
http://digilander.iol.it/nemesis2001
 | .` | -_|     | -_|_ -| |_ -|||     e niente sarà più come prima ... 
 |_|\_|___|_|_|_|___|___|_|___|||            ... o quasi ;)

anche i blocchi. Bisogna combinare le due tecniche.
Allora forse non e` una mia impressione che se si vuole lavorare
seriamente con il block-model bisogna assolutamente fare i test anche
con IE per Macintosh e Mozilla.
IE per Win, da questo punto di vista, e` un discreto colabrodo.
Ciao,
 P.

}
Kribbiuz...
A me non funziona!!!!
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
 #pippo {
	border:1px solid blue;
   	 margin-left:auto;
	margin-right:auto;
	width:80%;
	height:80%;
	}
-->
</style>
</head>
<body >
<div id="pippo">
Questa div dovrebbe essere centrata.
</div>
</body>
</html>
questa è la pagina che ho usato per fare i test: la visualizzo con
ie5.5 (problema di explorer?) e ottengo un bordo sinistro di pochi
pixel - certamente la div non viene centrata rispetto alla pagina...

 pixel - certamente la div non viene centrata rispetto alla pagina...
Stavamo giusto disquisendo sul fatto che Explorer per Win allinea i 
blocchi con text-align (scorretto), e non con margin:auto (corretto).
Quindi o usi la DTD Transitional e <div align="center"> oppure usi 
entrambe le tecniche.

entrambe le tecniche.
GRAZ!