Ho questo div schedalbo, centrato nel suo box contenitore, composto da due div affiancati, uno sinistra uno a destra.
Sotto ogni schedalbo ce ne sta un altro fino ad arrivare a riempire il box contenitore con 10 div schedalbo, ognuno composto dai due div affiancati. Il bordo deve stare soltanto attorno al div schedalbo.
Questa è la parte di css che riguarda tutta la struttura in questione...
codice:
div#main { position: absolute; top: 182px;
left: 140px; bottom: 20px; float: left; padding: 5px;
width: 690px; height: auto; min-height: 300px;
background-color: #000000; font-family: Arial, Helvetica;
font-size: 13px; text-align: justify; overflow: auto; }
/* box contenitore */

div.schedalbo { clear: both; margin: 5px auto;
width: 640px; border: 1px solid #c00000;
font-family: Arial, Helvetica; font-size: 13px;
color: #ffffff; text-align: center; }
/* definizione dei 10 div contenuti nel main */

div.albosx { padding: 2px; float: left; width: 39%;
font-family: Arial, Helvetica; font-size: 13px;
color: #ffffff; text-align: justify; } /* a sinistra dentro schedalbo */

div.titolo { font-family: Arial, Helvetica;
font-size: 13px; color: #ffff00; text-align: justify; }
/* un div interno per cambiare formato a una riga */

div.scena { font-family: Arial, Helvetica; font-size: 13px;
color: #00cc40; text-align: justify; }
/* un div interno per cambiare formato a una riga */

div.albodx { padding: 2px; float: left; width: 59%;
font-family: Arial, Helvetica; font-size: 13px;
color: #ffffff; text-align: justify; }
/* a destra dentro schedalbo */
Vorrei capire perché non vedo il bordo tutt'attorno a schedalbo su Firefox, e perché su Explorer mi ignora il centramento di schedalbo.
Non sono un esperto di css, ma cerco di seguire i comandi base come descritti nelle guide (specie di questo sito), e se definisco un bordo senza dire top, left, ecc..., mi aspetto che circondi tutto il div. Inoltre margin: 5px auto; dovrebbe centrare il div nel suo contenitore, ma non lo fa su Firefox... solamente in questo caso.