div altezza e larghezza variabili, centrato con margini, con explorer

[crisland]

ho un div che viene riempito dinamicamente attraverso un db e js (banalmente, un box dove viene inserito il testo di una chat).

questo div deve sempre stare centrato, ed elastico, ma le dimensioni sia di larghezza e di altezza sono variabili a seconda delle dimensioni della finestra del browser dell'utente.

voglio che stia a 52 da sopra, 32 da sotto, e 198 da destra e sinistra. Queste sono misure fisse, quindi le dim del div sono completamente variabili e devono seguire il ridimensionamento del browser.
quando il testo che lo popola eccede l'altezza, deve andare in scroll verticale.

con FF ovviamente è facile:

div#centro { 
  position:fixed; 
  top:52px;
  left:0;
  bottom:32px; 
  right:0; 
  overflow:auto;
  margin-left: 198px; 
  margin-right: 198px;
  border: 1px solid #FFFFFF 
  } 
* html #centro {width:100%;height:100%;}

.. il riquadro è bordato correttamente e si ESTENDE per tutto lo spazio a DISPOSIZIONE anche se ancora vuoto. Quando viene popolato, appena il contenuto eccede, compare lo scroll. ESATTAMENTE Quello che voglio.


CON EXPLORER E' IL SOLITO CASINO:
il riquadro viene fatto, ma risulta alto solo pochi pixel (suppongo l'altezza del font size).
nel caso venga popolato, si estende in altezza fino a uscire dal browser in basso, e non compaiono mai gli scroll, si estende all'infinito.

aiutooooooooooooooooo

[Mich_]

Perche` hai usato il posizionamento fisso? Non e` quello che ti serve (se ho capito bene).
Devi usare il posizionamento assoluto.
E non fissare i margini, ma top, right, bottom e left .

Chiaramente il posizionamento assoluto richiede particolare attenzione: nel tuo caso il contenitore deve essere il body e questo deve avere width e height fissate al 100% (almeno se ho interpretato giusto).

[crisland]

intendi così?

div#centro { 
  position:absolute; 
  top:52px;
  left:200px;
  bottom:32px; 
  right:200px; 
  overflow:auto;
  border: 1px solid #FFFFFF 
  }

con nel body width e height all 100%?

no, il riquadro mi si posiziona rispettando left e top, ma non si centra, e si espande in relazione al contenuto, quindi andando anche oltre la finestra del browser se questo contenuto eccede sia in larghezza che in altezza.

[Mich_]

Ma in FF e altri funziona?
E in IE standard mode? (== con una DTD XHTML 1.0 strict)

Se il problema e` di IE quirks mode, allora devi inserire il solito JS che setta i parametri in modo dinamico (trovi il modo corretto mediante ricerca in questo forum o in JS).

[crisland]

esattamente la soluzione al problema.
ho messo tutto in strict e anche IE s'è convinto.

grazie, che sia utile ai posteri