mostrare due div affiancati

[lordalbert]

Ciao,
sto provando a cercare di visualizzare due div affiancati, ma non riesco (e non capisco dove sia l'errore...)

riporto il codice che ho scritto:

div.pagina {
  height: 100%; 
  width: 100%;
  position: absolute;   
  overflow: hidden;
  background: blue;    
}

div.tabella {
  display: inline;
  width: 70%;
  background: lime;
}

div.form {
  display: inline;
  width: 30%;
  background: red;
}

<div class="pagina">
        <div class="tabella">
                     .... codice php che disegna una tabella con i dati del db ....
        </div>
        <div class="form">
                     ....   form html ......
        </div>
</div>

I problemi sono:

• Visualizzo prima il div "tabella" e sotto "form". Come fossero block e non inline.
• La larghezza del div tabella è 100% della pagina, non il 70%
• il div form continua ad avere sfondo bianco e non rosso

Quello che vorrei io è avere due blocchi, uno a sinistra con la tabella (larga il 70%) e a destra i form (larghi 30%). Affiancati.

Qualcuno saprebbe indicarmi dove sbaglio?