Ciao a tutti, è da alcuni giorni che cerco di risolvere un problema con una pagina html....
non capisco proprio dove sia l'errore ma non riesco a centrare orizzontalmente alcuni div...
ho provato e riprovato, ho cercato su libri google ma non capisco perchè non va....
ho tentato anche con il tag <center> ma neppure quello da effetti

vi posto il codice completo di pagina e css vi prego di scusarmi per il disastro della pagina... ma io ho solo riadattato un pezzo...

pagina:

codice:
<!--
   Creation date: 15/02/2012
   Code by: M3N4X
   www.M3N4X.altervista.org
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
   <title>Forum</title>
   <link type="text/css" href="style.css" rel="Stylesheet" />
   <script type="text/javascript" src="js.js"></script>
  </head>
<body style="background-image: url(immagini/sound-wave.jpg);">
<div style="font-family: Lucida Sans; text-align: center;">
<h5 style="font-family: LCD; color: red;"><big><big><big><big><big><span style="font-weight: bold;">Official Djmusic web site</span></big></big></big></big></big></h5>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Home</big></td>
<td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>calendario</big></td>
<td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Video eventi</big></td>
<td style="text-align: center; font-family: LCD; color: yellow; background-color: red;"><big>Forum</big></td>
</tr>
</tbody>
</table>
</div>



<center><div id="inserzione">Spiacenti il forum al momento non e' pronto</div></center><center> 
 <div id="container">
  <div class="commenti" id="com_0">
   <div class="nick">Pubblicato da icicciici</div>
   <textarea class="comment" readonly>cicicicicici</textarea>
   <div class="time">18:22</div><div class="date">08-03-12</div>
   <a href="http://www.M3N4X.altervista.org" target="_blank">
     [img]immagini/M3N4X_img.png[/img]
   </a>
  </div>    

     
     <form action="agg_commento.php" method="POST" name="form_commento" id="form_commento">
      <div id="div_email">Email</div>
      <input type="text" name="input_email" id="input_email" onblur="ad_tasto();">
      <div id="div_nick">Nick</div>
      <input type="text" name="input_nick" id="input_nick">
      <textarea name="input_commento" id="input_commento" onFocus="libera_textarea();" onBlur="riempi_textarea();">Inserisci qui il commento</textarea>
      <input type="submit" value="invia" disabled="disabled" name="input_submit" id="input_submit">
      <a href="http://www.M3N4X.altervista.org" target="_blank">
        [img]immagini/M3N4X_img.png[/img]
      </a>
    </form>
   </div> 
  </body>
</html>
css:

codice:
/*
   Creation date: 15/02/2012
   Code by: M3N4X
   www.M3N4X.altervista.org
*/
/*
   --------------
   style del body
   --------------
*/

body
{
  background-color : blue;
  background-image: url(immagini/sound-wave.jpg);
  background-attachment: fixed;
}


/*
   -----------------------------
   div container per gli oggetti
   -----------------------------
*/

#container{
  width: 520px;
  display: inline;
}


/*
   ---------------------------------------
   style del oggetto per inserire commenti
   ---------------------------------------
 */

#form_commento
{
  display: inline;
/*  top: 500px;
    left: 600px;
*/
}

#div_email
{
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0px;
  border: 0px;
  color: #d0d108;
}

#div_nick
{
  position: absolute;
  top: 35px;
  left: 10px;
  padding: 0px;
  border: 0px;
  color: #d0d108;
}

#input_email
{
  position: absolute;
  top: 10px;
  left: 80px;
  width: 270px;
  height: 15px;
  padding: 0px;
  border: 0px;
  color: #;
  resize:none
}

#input_nick
{
  position: absolute;
  top: 35px;
  left: 80px;
  width: 270px;
  height: 15px;
  padding: 0px;
  border: 0px;
  color: #;
  resize:none
}

#input_commento
{
  position: absolute;
  top: 60px;
  left: 10px;
  width: 341px;
  height: 105px;
  padding: 0px;
  border: 0px;
  color: #;
  resize: none;
}

#input_submit
{
  position: absolute;
  top: 170px;
  left: 255px;
  width: 100px;
  color: #;
}



/*
   -----------------------
   style commenti inseriti
   -----------------------
*/
.commenti
{
  display: inline;
  width: 500px;
}

.nick
{
  position: absolute;
  top: 0px;
  left: 15px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: yellow;
}

.cancella
{
  position: absolute;
  top: 3px;
  left: 470px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.comment
{
  background-color : #FF0000;
  position: absolute;
  top: 25px;
  left: 10px;
  width: 480px;
  height: 100px;
  padding: 2px;
  margin: 0px;
  border: 0px;
  resize: none;
  color: yellow;
}

.time
{
  position: absolute;
  top: 0px;
  left: 200px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: yellow;
}

.date
{
  position: absolute;
  top: 0px;
  left: 250px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: yellow;
}
/*
    -----------------------------
    aggiunte style commenti admin
    -----------------------------
*/
.staff
{
  position: absolute;
  top: 7px;
  left: 350px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}


/*
    ----------------
    style logo M3N4X
    ----------------
*/

.M3N4X_img
{
  position: absolute;
  top: 180px;
  left: 15px;
  width: 42px;
  height: 6px;
  border: 0px;
  margin: 0px;
}

.M3N4X_img1
{
  position: absolute;
  top: 130px;
  left: 15px;
  width: 42px;
  height: 6px;
  border: 0px;
  margin: 0px;
}



/*
    ----------------------
    style barra inserzioni
    ----------------------
*/

#inserzione
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: red;
  color: yellow;
  font-family: LCD;
}
non so più che fare..... sono disperato

vi lascio anche un immagine del risultato che la pagina erroneamente mi da...


qui l'immagine completaIMMAGINE



vi prego aiutatemi sono disperato non so più che fare....