2Problemi: allineamento ed explorer

[Xadoom]

Ho due problemi che non riesco a risolvere....preso da un raptus ho deciso di convertire il mio sitarello fatto con le tabelle in css, non avendo mai avuto a che fare con i css mi sono letto qualche guida, qualche post e ho smanettato molto....risultato:
http://www.agora-web.net/prova.php
Ho due problemi:
1)Su Explorer tutto quello che è nel div centrale non si vede (con Firefox si vede tutto benissimo)
2)Non riesco ad allineare verticalmente il testo nei div di sinistra e non capisco come si faccia, il codice è:

 
......
<div id="corpo" class="bordato">
  <div id="sin" class="inlinea">
	<div id="tagsin"><p class="chisiamo">QUI non si allinea</p></div>
	<div id="tagsin"><p class="chisiamo">...</p></div>
        <div id="tagsin"><p class="chisiamo">...</p></div>
  .....

div#corpo{
	text-align:left;
	position:relative;
	margin:2px;
	padding-top:10px;
}
div#sin{
	width:200px;
	position:relative;
	margin:2px;
}
div#tagsin{
	height:70px;
	text-align:center;
	vertical-align:middle;
	background-image:url(Immagini/latsix.jpg);
.bordato{border: thin solid #666666;}
.inlinea{display:inline;float:left;}
.chisiamo {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	padding:0px 8px;
}

Grazie.

[Xadoom]

Up...

[Mich_]

ho deciso di convertire il mio sitarello fatto con le tabelle in css

ottima idea!!!

Ma perche` non passi ad XHTML? A mio parere potrebbe essre piu` semplice.

Comunque ci sono dei problemi con il codice HTML.
Un

dentro un altro

non si puo` mettere.
La struttura e` a larghezza fissa: da` fastidio dover fare lo scrolling orizzontale.

Ti posso consigliare di validare la tua pagina, sia per il codice HTML http://validator.w3.org che per i CSS http://jigsaw.w3.org/css-validator : il validatore trova diversi errori di implementazione: probabilmente nel tuo caso potresti avere informazion preziose.

[Xadoom]

Ok, ho fatto un pò di modifiche e ora la pagina è anche validata, tuttavia ho ancora un paio di problemi:
1)Con explorer tutto il contenuto del div centrale mi compare fuori dello stesso (sotto) mentre con firefox si vede perfettamente
2)Ancora non riesco a centrare verticalmente il contenuto (testo) dei div di sinistra e proprio non capisco come fare.
Per quanto riguarda l'XHTML ho dato un pò una guardata e mi pare che per ora non mi dia nulla di più, preferisco per ora prendere dimestichezza con i css e poi fare altri passi.
Grazie

[Mich_]

Secondo me e` piu` semplice trovare gli errori se passi ad XHTML: e` un linguaggio piu` strutturato, per cui se ci sono errori ti vengono segnalati.

Comunque per centrare in verticale nei browser conformi devi dare:
margin: 0,auto;

Nel tuo caso e` da mettere dentro il .tagsin

In alternativa il
vertical-align:middle;
e` da mettere dentro il .chisiamo


Invece per il browser IE, devi usare il vertical-align.