Newsgroup: it.lavoro.professioni.webmaster
Titolo: problema con tableless

Ciao a tutti,
ho questa coppia di div:
<body>
   <div id="contenitore">
         <div id="header"> header della pagina </div>
   </div>
</body>
e il seguente css:
body {
  background-color: #E7EEFE;
  text-align: center;
 }
#contenitore {
  width: 600px;
  background-color: #E7EEFE;
  border: 1px solid #000000;
 }
(non importa come sia definito #header, il problema è che non riesco a 
centrare #contenitore ne in internet explorer ne in firefox.
Se inserisco text-align: center;  in #contenitore, questo viene centrato in 
internet explorer mentre NON viene centrato in firefox.
Come bisogna risolvere il problema?
Grazie in anticipo.
Cooper.
-- 
BlueWare WebAgency
  [Internet:] 
http://www.blueware.it
  [icq:] 146-781-935
  [msn:] 
coo...@blueware.it
 

prova così, dovrebbe fare il caso tuo.
ciao.
body
{
     text-align: center;   /*centra in IE 5.x */
}
div#container
{
     width: 760px;
     margin: 0px auto;   /*centra negli altri browsers*/
     text-align: left;   /*ripristina l' allineamento*/
}
Cooper ha scritto:



Ok grazie mille, per evitare invece che il testo vada a capo restringendo 
oltre un certo puno la finestra? Ho provato a usare min-width e con firefox 
funziona correttamente, mentre con internet explorer non sortisce alcun 
effetto.
Come posso ovviare a questo inconveniente?
Grazie ancora.
Cooper.
PS: Usando margin e padding ho notato che in firefox vengono creati 
pasticci, mentre in internet explorer è tutto regolare.
Per pasticci intendo che con firefox sfora, nel senso che se ho un 
contenitore di 700 px, usando margin e padding è come se questo diventasse 
maggiore di 700, infatti se all'inizio non fa apparire la barra di 
scorrimento, dopo con margin e padding si.
In poche parole, quello che non capisco è, se uso tutte le misure in 
percentuale, quindi rapporto tutto al 100%, perchè con margin e padding 
abbiamo 100% + qualcosa?
Anche in questo caso come si fa ad ovviare il problema? con internet 
explorer è tutto ok, solo con firefox no.



Grazie, onestamente avevo giŕ dato una lettura anche se superficiale della 
pagina che mi hai suggerito, adesso leggendo piu attentamente ho compreso la 
causa che produce tale effetto.
Mi sembra perň di aver capito anche che il problema non si pone per chi usa 
ie6 e firefox, correggimi pure sbaglio.
Cooper.


 ie6 e firefox, correggimi pure sbaglio.
Non si pone con IE6 se usi un doctype valido. Sennò il ragazzo va in quirks
mode e sbarella il box model.
Max Graziani

 Come posso ovviare a questo inconveniente?
Ovviemente IE non ha la più pallida idea di cosa sia min-width (né
max_width, min-height e max_height). I casi sono due, quindi:
1) Provare ad usare IE7 ( 
http://dean.edwards.name/IE7/index.html
 )
2) Usare codice proprietario MS (
http://www.svendtofte.com/code/max_width_in_ie/
 )
Chiaramente il CSS non è più vadido, sebbene il codice "alieno" non produca
effetti sugli altri browser (che semplicemente lo ignorano).
Ciao,
Max Graziani

 effetti sugli altri browser (che semplicemente lo ignorano).
occhio a un piccolo bug: se dentro al contenitore ci sono dei div in float 
non contenuti in altro internet explorer va in crash quando si fa il 
resize... esempio di quando va in crash
<div a cui si applica il maxwidht con l'espressione>
<div style="float:left; width:20%"></div>
<div style="float:left; width:80%"></div>
</div>
basta mettere gli oggetti in float dentro un altro contenitore, credo, però 
io di mio ho risolto impaginando con dei margini... ora, non so se 
semplicemente mi odiava il mio pc o è davvero un bug dell'expression unita 
al float...
però nel dubbio....
cedmax 

 però nel dubbio....
purtroppo è proprio un bug del motore di IE.
in generale, IE supporta molto male la proprietà float, e non smette mai di 
stupirmi nel modo in cui la interpreta ;-D
il mio buon amico Troiani (
www.constile.org
) saprebbe dirti di più, anche 
perchè dovrebbe esistere un hack proprio per questo problema sotto IE.
Jacopo Paoletti
www.comunicatica.com
 

 resize... esempio di quando va in crash
Buono a sapersi... ad ogni buon conto avevo già notato che, comunque,
l'espressione non è precisa nel controllare la larghezza degli elementi e
alla fine ho preferito eliminare questa opzione.
E' un gran peccato, ma purtroppo fin quando anche il parco installato di un
eventuale IE supportante min-width (e max-width etc etc) non sarà
sufficentemente ampio, temo si debba rinunciare a una opportunità che, dal
punto di vista dell'usabilità, sarebbe veramente importante.
Max Graziani