il div della seconda tabella non lo chiudi, quello con height 116%.
Per aiutarti (visto che il tuo codice è abbastanza incasinato), questo è il codice html (funzionante) essenziale per mettere due tabelle su due colonne affiancate, andare correttamente a capo, ecc.
codice:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>due colonne</title>
<style type="text/css">
div#outer {
width:960px; /*larghezza fissa*/
}
/*la somma delle due percentuali è 100%, non potrai aggiungere margin, border o padding a questi due div a meno che non gli riservi sufficientemente spazio */
div#col1
float:left;
width:30%;
}
div#col2 {
float:right; /*ma può anche essere left*/
width:70%;
}
div#bottoni {}
div.clear {
clear:both;
}
</style>
</head>
<body>
<div id="outer">
<h2>Blabla bla</h2>
<div class="clear"></div>
<div id="col1">
<table>
<thead>
<tr>
<th>ProvA</th>
<th>ProvA</th>
</tr>
</thead>
</table>
</div>
<div id="col2">
<table>
<thead>
<tr>
<th>ProvA</th>
<th>ProvA</th>
</tr>
</thead>
<tbody>
<tr>
<td>eee</td>
<td>eee</td>
</tr>
<tr>
<td>fff</td>
<td>eefffe</td>
</tr>
</tbody>
</table>
</div>
<div class="clear"></div>
<hr />
<div id="bottoni">
<input type="button" value="Butt 1" />
<input type="button" value="Butt 1" />
<input type="button" value="Butt 1" />
</div>
</div>
</body>
Rispondi quotando
