html problema table scrollable con header fisso

Giacomo_88

Nuovo Utente
27 Ago 2013
6
0
0
Salve a tutti,
ho provato a copiare 2 tabelle nella mia pagina html ma in entrambi i casi le intestazioni delle tabelle rimangono fisse rispetto a tutta la pagina html invece che rimanere fisse solo rispetto alle tabelle di appartenenza. Come posso risolvere il problema?
Vorrei continuare ad usare solo codice html se possibile...
Grazie anticipatamente

Codice HTML:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Menu Principale</title>
<link rel="stylesheet" type="text/css" href="stylemenu3.css" />
</head>
<body>
<div class="main" id="container">
<!--  div id="container" style="width:1024px"-->

<form name="form0" method="post" action="#">
 <!-- messaggio iniziale -->

<div class="top" id="header">
<h1>MESSAGGI RICEVUTI</h1></div>
 
<!-- caselle di testo per filtrare messaggi -->
    <table id="ricercaMessaggio" border="1">
      <tbody>
        <tr>
          <td style="width: 354px; height: 100px; text-align: left; vertical-align: top; background-color: #F0DC82;">
            <!--h2><span style="color:#211ed6 ;">RICERCA MESSAGGIO</span></h2-->
		<font size="4" ><b>RICERCA MESSAGGIO</b></font>
            	
            	
            	<table width="279" border="0" cellpadding="0" cellspacing="5" class="text" style="MARGIN-LEFT: 10px; MARGIN-TOP: 18px">
      <tr>
        <td height="32" align="left" valign="top"><font size="2"> <!--color="#211ed6"--><b>MITTENTE</b></font><br>
            <input name="txtMittente" type="text" class="box" id="txtMittente" size="20">
        </td>
      
        <td align="left" valign="top"><font size="2"> <!--color="#211ed6"--><b>OGGETTO</b></font><br>
            <input name="txtOggetto" type="text" class="box" id="txtOggetto" size="20">
        </td>
     
        <td align="left" valign="top"><font size="2"> <!--color="#211ed6"--><b>PAROLA CHIAVE</b></font><br>
            <input name="txtParolachiave" type="text" class="box" id="txtParolachiave" size="20">
	</td>
        </tr>
      </table>	
        <input type="submit" class="bottone" value="Ricerca">
	<input type="reset" class="bottone" value="Cancella">
	<!-- Trovare il tasto di aggiornamento e metterlo al posto di #### -->
	<!--a href="#" class="bottone" target="_self">Aggiorna la pagina!</a>-->
	<INPUT TYPE="button" class="bottone" VALUE="Aggiorna" target="_self">  <!--ONCLICK="history.go(0)"-->
	<!--input type="######" class="bottone" value="Aggiorna"-->
        </tr>
      </tbody>
    </table>
    
    
 <!-- Menu a sinistra per filtrare i messaggi e scriverne uno nuovo -->   
<div class="colsx">
<font size="4" color="#FFD700"><b>MENU</b></font><br> 
<ul id="menu" class="active" background-color:#66CC33>    
	<li><a href="#">NUOVO MSG 1</a></li> 
	<li><a href="#">NUOVO MSG 2</a></li>    
	<li><a href="#">BOZZE</a></li>    
	<li><a href="#">POSTA INVIATA</a></li>    
	<li><a href="#">RICEVUTI</a></li>
	<li><a href="#">LOGOUT</a></li> 
</ul>




 <!-- Menu a sinistra contenente persone connesse -->    
<font size="4" color="#FFD700"><b> Connesse</b></font><br> 
<ul id="pattuglieconnesse" class="active">    
	<li><a href="#">ALFA</a></li>    
	<li><a href="#">BRAVO</a></li>    
	<li><a href="#">CHARLIE</a></li>    
	<li><a href="#">DELTA</a></li>
	<li><a href="#">ECHO</a></li> 
</ul>
 
</div>

<div class="iframePratiche">
  <!-- dati da elaborare con sql da qui -->
<table cellpadding="0" cellspacing="0">
  <tr id="intestazioneiframepratiche">
  <!-- questi 4 saranno i link per inoltrare messaggio, rispondere, selezionare ecc... -->
    <th width="22" height="20" align="left" id="seleziona" valign="middle"></th>       	<!--&nbsp; position= "fixed"; -->
    <th width="22" height="20" align="left" id="rispondi" valign="middle"></th>		<!--&nbsp; position= "fixed"; -->
    <th width="22" height="20" align="left" id="inoltra" valign="middle"></th>		<!--&nbsp; position= "fixed"; -->
    <th width="22" height="20" align="left" valign="middle"></th>		<!--&nbsp; position= "fixed"; -->
    <th width="150" align="left"><a href="#">MITTENTE</a></th>                              <!--poi inserire class="ordine"-->
    <th width="170" align="left"><a href="#">OGGETTO</a></th>				<!--poi inserire class="ordine"-->
    <th width="20" align="left"><a href="#" >ALLEGATI</a></th>				<!--poi inserire class="ordine"-->
    <th width="70" align="left"><a href="#" >DATA</a></th>			<!--poi inserire class="ordine"-->
  </tr>
  <tr>
    <td width="22" height="20" align="left" valign="middle"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" id="rispondi" valign="middle"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" id="inoltra" valign="middle"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150">ALFA</td>
    <td width="170">AB4563VH</td>
    <td width="20" >allegati</td>
    <td width="70" >05-11-2008</td>
  </tr>
 <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">BRAVO</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">CHARLIE</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">DELTA</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">ECHO</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">FOXTROT</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">GOLF</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">HOTEL</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">INDIA</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">JULIET</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">KILO</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
  <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">LIMA</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
   <tr>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="selezionaMsg.html"><img src="#.gif" alt="seleziona" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="importante.html"><img src="#.gif" alt="importante" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="rispondi.html"><img src="#.gif" alt="rispondi" width="16" height="16" border="0"></a></td>
    <td width="22" height="20" align="left" valign="middle" bgcolor="#F2F2F2"><a href="inoltra.html"><img src="#.gif" alt="inoltra" width="16" height="16" border="0"></a></td>
    <td width="150" bgcolor="#F2F2F2">MIKE</td>
    <td width="170" bgcolor="#F2F2F2">AB4563VH</td>
    <td width="20"  bgcolor="#F2F2F2">allegati</td>
    <td width="70" bgcolor="#F2F2F2">05-11-2008</td>
  </tr>
  <!-- dati da elaborare con sql fino a qui -->
</table>
</div>
<div class="article">
 <table cellspacing="0" cellpadding="0">
  <tr class="testata">
   <th width="52" class="colonna" scope="col">test</th>
   <th width="62" class="colonna" scope="col">co1 1</th>
   <th width="122" class="colonna" scope="col">col 2</th>
   <th width="102" class="colonna" scope="col">col 3</th>
   <th width="102" class="colonna" scope="col">col4</th>
  </tr>
  <tr class="primariga">
   <th width="52" class="primariga" scope="row">aaa
   <td width="62" class="primariga">124</td>
   <td width="122" class="primariga">23555</td>
   <td width="102" class="primariga">346</td>
   <td width="102" class="primariga">4575</td>
  </tr>
  <tr>
   <th scope="row">bbb</th>
   <td>51</td>
   <td>984</td>
   <td>98456</td>
   <td>984</td>
  </tr>
  <tr>
   <th scope="row">ccc</th>
   <td>651</td>
   <td>651</td>
   <td>65</td>
   <td>5</td>
  </tr>
  <tr>
   <th scope="row">ddd</th>
   <td>51</td>
   <td>23434</td>
   <td>5456</td>
   <td>1651</td>
  </tr>
  <tr>
   <th scope="row">eee</th>
   <td>18</td>
   <td>835</td>
   <td>51</td>
   <td>651</td>
  </tr>
  <tr>
   <th scope="row">fff</th>
   <td>1</td>
   <td>6513535</td>
   <td>833</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <th scope="row">ggg</th>
   <td>19</td>
   <td>8135</td>
   <td>854</td>
   <td>81</td>
  </tr>
  <tr>
   <th scope="row">hhh</th>
   <td>51</td>
   <td>651</td>
   <td>33456</td>
   <td>21</td>
  </tr>
  <tr>
   <th scope="row">iii</th>
   <td>15</td>
   <td>1535</td>
   <td>1456456</td>
   <td>55</td>
  </tr>
  <tr>
   <th scope="row">lll</th>
   <td>651</td>
   <td>650651</td>
   <td>06501</td>
   <td>560</td>
  </tr>
  <tr>
   <th scope="row">mmm</th>
   <td>51</td>
   <td>984</td>
   <td>984</td>
   <td>984</td>
  </tr>
  <tr>
   <th scope="row">nnn</th>
   <td>651</td>
   <td>6513</td>
   <td>65</td>
   <td>5</td>
  </tr>
  <tr>
   <th scope="row">ooo</th>
   <td>51</td>
   <td>651</td>
   <td>54545</td>
   <td>1651</td>
  </tr>
  <tr>
   <th scope="row">ppp</th>
   <td>18</td>
   <td>84545</td>
   <td>51</td>
   <td>651</td>
  </tr>
  <tr>
   <th scope="row">qqq</th>
   <td>1</td>
   <td>651</td>
   <td>8545</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <th scope="row">rrr</th>
   <td>19</td>
   <td>81</td>
   <td>8</td>
   <td>81</td>
  </tr>
  <tr>
   <th scope="row">sss</th>
   <td>51</td>
   <td>651</td>
   <td>3</td>
   <td>21</td>
  </tr>
  <tr>
   <th scope="row">ttt</th>
   <td>15</td>
   <td>15</td>
   <td>1</td>
   <td>55</td>
  </tr>
  <tr>
   <th scope="row">uuu</th>
   <td>651</td>
   <td>650651</td>
   <td>06501</td>
   <td>560</td>
  </tr>
  <tr>
   <th scope="row">vvv</th>
   <td>51</td>
   <td>984</td>
   <td>984</td>
   <td>984</td>
  </tr>
  <tr>
   <th scope="row">zzz</th>
   <td>651</td>
   <td>651</td>
   <td>65</td>
   <td>5</td>
  </tr>
 </table>
</div>

<div class="clearer"></div>



  
 <!-- inserire un metodo PER CVONTEGGIARE PAGINE -->
 <!-- width="960" border="0" cellpadding="0" cellspacing="0" -->
<table  class="text" style="MARGIN-LEFT: 10px; MARGIN-TOP: 10px">
        <tr>
          <td width="376" align="right"><a href="#" class="link">$PagPrec;</a></td>
          <td width="225" align="center">( <strong>$ConteggioPagine;</strong> )</td>
          <td width="206" align="left"><a href="#" class="link">$PagSucc;</a></td>
          <td width="153">Risultati per pagina
              <select name="selNumRis" class="combo">
                <option value="100">100
                <option value="200">200
                <option value="300">300                
              </select>
          </td>
        </tr>
</table>
<div class="bottom" id="footer" >
Giacomo</div>
</form>
<!--/div-->
</div>
</body>
</html>

Codice CSS:
Codice:
body { 
	font-family: font_name, Verdana, sans-serif;
	font-size: 11px; 
	margin: 0px; 
	padding: 0px; 
	height: 100%;
	background-color: #111;
	background-image: url("Sfondi/EI1.jpg"); 
	background-repeat: repeat;
	overflow: auto;
	}

.main { 
	height: 100%;
	width:1024px;
	
	}
		  
.top { 
	height: 20%; 
	border-bottom: 1px solid #555; 
	padding: 4px; 
	/*background-color:#FFA500;*/
	}

/* Stili per i menu della colonna sx */		 
.colsx { 
	float: left; 
	width: 150px; 
	border-right: 1px solid #555; 
	height: 80%; 
	padding: 4px;
	}
/* Stili per la parte dx */			
.content { 
	width: 852px;
	letter-spacing: 2px; 
	line-height: 16px; 
	text-align: justify; 
	padding: 4px;
	float: left;
	}
			
.bottom {}
	
.clearer{
    	float: none; 
    	clear: left
    	}
/* Stili per tabella */	
.iframePratiche { 
	width: 852px; 
	height: 220px; 
	overflow: auto;
	background-color:#F2F2F2;
	border: 1px solid #D3D3D3;
	MARGIN-TOP: 30px;
	MARGIN-LEFT: 10px;
	float:left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
        }

.text {}
.ordine {
	bgcolor="#1da220"
	}
.bottone {
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 15px;
	}


#intestazioneiframepratiche{
	background-color:#7BA05B;
	position: fixed;
	width: 852px; 
	height: 22px;
	border: 1px solid black;
	MARGIN-TOP: -26px;
	MARGIN-LEFT: 0px;
	float:left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}
			
#header {
	margin-bottom:0;
	color: #F0E68C; 
	font-weight: bold;
	text-align: center; 
	vertical-align: middle;
	}

#ricercaMessaggio{
	background-image: url("Sfondi/logo.png"); /* Stili per immagine sfondo ricerca messaggio ma non funzxiona */
	width: 1024px; 
	height: 172px; 
	}
		
#ricevuti{
	background-color:#EEEEEE
	width: 852px; 
	}
			  
#footer {
	background-color:#F0E68C;
	clear:both;
	text-align:center;
	}
#seleziona { background: #1C1C1C url('Sfondi/seleziona.jpg') no-repeat 1px; }
#rispondi { background: #1C1C1C url('Sfondi/rispondi.jpg') no-repeat 1px; }
#inoltra { background: #1C1C1C url('Sfondi/inoltra.jpg') no-repeat 1px; }

/* Stili per il primo menu della colonna sx */		
ul#menu {
    	font-family: Verdana, sans-serif;
    	font-size: 12px;
    	margin: 0;
    	padding: 0;
    	list-style: none;
	}
ul#menu li {
    	background-color: #918151;
    	border-left: 5px solid #D3D3D3;
    	display: block;
    	width: 150px;
    	height: 30px;
    	margin: 2px 0;
    	border-radius: 10px;
	}
ul#menu li a {
****	color: #fff;
****	display: block;
****	font-weight: bold;
****	line-height: 30px;
****	padding-left: 15px;
****	text-decoration: none;
***	width: 135px; /* 150px - 15px (padding) */
****	height: 30px;
	}
/* Stili per evidenziare elemento quando lo seleziono */	
ul#menu li.active, 
ul#menu li:hover {
    	background-color: #D3D3D3;
    	border-left: 5px solid #918151;
	}

/* Stili per il secondo menu della colonna sx */	
ul#pattuglieconnesse {
    	font-family: Verdana, sans-serif;
    	font-size: 12px;
   	margin: 0;
    	padding: 0;
    	list-style: none;
	}
ul#pattuglieconnesse li {
    	background-color: #D3D3D3;
    	border-left: 5px solid #918151;
    	display: block;
    	width: 150px;
    	height: 30px;
    	margin: 2px 0;
	border-radius: 10px;
						}
ul#pattuglieconnesse li a {
	/*color: #fff;*/
****    display: block;
****	font-weight: bold;
****	line-height: 30px;
****	padding-left: 15px;
****	text-decoration: none;
****	width: 135px; /* 150px - 15px (padding) */
***	height: 30px;
	}
/* Stili per evidenziare elemento quando lo seleziono */	
ul#pattuglieconnesse li.active, 
ul#pattuglieconnesse li:hover {
								background-color: #918151;
    							border-left: 5px solid #D3D3D3;
								}

/*il div che contiene lo scroll*/
.article {
 height: 355px;
 width: 462px;
 overflow-y:auto;
 overflow-x:hidden;
}
/*la tabella*/
.article table {
 border-collapse:collapse;
}
/*tutte le righe*/
.article table tr {
 height:30px;
}
/*tutte le celle*/
.article table tr td {
 border:1px solid #EBD13F;
 color: #C60;
 background: #F3F4D0;
 text-align:center;
}
/*la colonna di sinistra*/
.article table tr th {
 border: 1px solid #039;
 color:#069;
 background: #D7EBEE;
}
/*la testata riga fissa*/
.article table .testata {
 position: fixed;
}
/*le celle della riga fissa*/
.article table .colonna {
 background-color: green;
 color: white;
 border:1px solid #0C0;
}
/*correggo la prima riga della tabella*/
.article table .primariga {
 padding-top:30px;
}
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
CIao, devi togliere
Codice:
position: fixed;
dal css, che comunque contiente diversi errori di sintassi tipo
Codice:
.ordine {
    bgcolor="#1da220"
 }
bgcolor non è una proprietà css
Codice:
.ordine {
    background-color: #1da220:
 }
 
Discussioni simili
Autore Titolo Forum Risposte Data
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
F [HTML] problema tag canonical HTML e CSS 7
ANDREA20 [HTML] problema con i div HTML e CSS 10
Tommy03 [HTML] Problema Iphone - Android HTML e CSS 1
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A [HTML] Problema HTML e CSS 2
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
S [HTML] problema resonsive HTML e CSS 2
S [HTML] Problema <input type="date"> HTML e CSS 0
M problema con video in html 5 HTML e CSS 7
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
S [HTML] Problema non visibilità del sito HTML e CSS 1
J [HTML] problema IFrame con dispositivi IOS HTML e CSS 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
D [phpBB] [HTML] Problema pagina elenco argomenti (di forum) phpBB 9
A [HTML] Problema Safari e unita vw e vh. HTML e CSS 4
jonnino2004 [HTML] problema con bordo su h1 HTML e CSS 2
trattorino [PHP] [HTML] problema form PHP 1
B [HTML] Problema main box di un template HTML e CSS 2
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce Content Management System (CMS) 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
S Problema invio form php/html PHP 3
S [HTML] Problema menu a comparsa HTML e CSS 5
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2
M [HTML] Problema Checkbox HTML e CSS 3
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
S [HTML] Problema Sovrapponimento Tab con Contentuto HTML e CSS 0
fulviozecchin Problema Visualizzazione tabelle HTML nel Browser HTML e CSS 9
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
filomeni Problema con mail() in html PHP 4
S [HTML] Problema immagini verticali che si visualizzano capovolte HTML e CSS 3
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
P problema sito html su smartphone.. HTML e CSS 17
S Problema trasformare una stringa in html object Javascript 0
A problema : codice html HTML e CSS 1
C Problema con html e php :D PHP 1
D Problema collegamento file css con html HTML e CSS 4
O Problema con email in formato HTML PHP 1
I Problema Pulsanti Html e PHP, due submit che aggiornano la pagina .. PHP 0
F problema con la stampa su pagina html PHP 1

Discussioni simili