Ciao a tutti, ho riscritto in modalità table-less un layout precedentemente realizzato con le tabelle, sono arrivato al 90% del lavoro ma ora non saprei come andare avanti...
Nella terza colonna ho la necessità di inserire tre microtrabelle (ognuna con 2 righe ed una colonna) per gestire tre box di informazioni (in evidenza, rassegna stampa, una finestra su...) possibilmente contornati con un bordo di 1px solid black e successivamente inserire sotto di questi 3 piccoli loghi...
Per capirci meglio questo è la pagina vecchia realizzata con le tabelle:

E questa è la pagina che sono riuscito a realizzare con i css:


Questo è il css che ho realizzato:

/*stili per il layout fisso*/
html,body{margin:2; padding:0; background-color:#cfcfcf}
body{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:center}
div#container{position: relative; margin:0 auto; width:960px; text-align:center}
div#banner{padding:2px 0px; background-color:#cfcfcf}
div#header{background-color:#D91320}
div#barra_sinistra{position:absolute; top:313px; left:0; width:180px; \width:190px; w\idth:180px; text-align:left}
div#barra_destra{position:absolute; top:333px; right:0; width:180px; \width:190px; w\idth:180px; text-align:left}
div#content{border-style:solid; border-width:0 190px; border-color:#D91320 #cfcfcf #D91320 #D91320; padding:10px}
div#footer{background-color:#D91320; font-family:arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center}
div#webmaster{font-family:arial; font-size:10px; color:#000000; text-indent:760px; padding:5px}
div#webmaster a{font-family:arial; font-size:10px; color:#D91320; text-indent:500px; font-weight:bold; text-decoration:none}
div#webmaster a:hover{font-family:arial; font-size:10px; color:#F4CD03; text-indent:500px; text-decoration:none}
div#webmaster a#activelink{font-family:arial; font-size:10px; color:#D91320; text-indent:500px; text-decoration:none}


/*stili per la navigazione*/
div#barra_sinistra ul{list-style-type:none}
div#barra_sinistra a{color:#F4CD03; font-family:arial; font-size:13px; font-weight:bold; line-height:1.5; text-decoration:none}
div#barra_sinistra a:hover{color:#FFFFFF; text-decoration:none}
div#barra_sinistra a#activelink{color:#F4CD03; text-decoration:none}

/*stili per il contenuto - news*/
div.news{margin:0px; padding:0px}
div.news img{float:left; margin:5px}
div.news h1{margin:0px; padding:5px; text-align:left; font-size:16px; font-weight:bold}
div.news h2{color:#F4CD03; text-align:left; font-weight:normal; font-size:13px; background-color:#D91320; text-indent:50px; font-variant:small-caps}
div.news h3{color:#F4CD03; text-align:left; font-weight:normal; font-size:13px; background-color:#D91320; text-indent:370px; font-variant:small-caps}
div.news h3 a{color:#F4CD03; font-family:arial; font-size:13px; font-weight:bold; line-height:1.5; text-decoration:none}
div.news h3 a:hover{color:#FFFFFF; text-decoration:none}
div.news h3 a#activelink{color:#F4CD03; text-decoration:none}
div.news p{margin:5px;padding:0px; text-align:justify; font-size:14px;}

/*Stili per la barra di destra*/
table.in_evidenza{border:10px solid black}
div.in_evidenza.h1{color:#F4CD03; text-align:left; font-weight:normal; font-size:13px; background-color:#D91320; text-indent:50px; font-variant:small-caps}

Se siete così gentili da darmi una mano, vi ringrazierò a vita...