CSS posizionamento stile

[maxus68]

Salve a tutti,
da pochissimo sto imparando a usa re i fogli di stile quindi mi scuso per gli errori anche banali che faccio.
Ho creato un foglio di stile per dividere una pagina in due contenitori, il problema è far apparire i vari elementi nella posizione giusta.

Questo è il codice CSS

div.boxricerca
        {
    width:280px;
                    height:25px;
                    padding: 10px;
                background-color: white;
                border-radius: 5px;
                
        }
        
 input[type=text] {
    border: 1px solid gray;
    border-radius: 5px;
}

textarea {
    border: 1px solid gray;
    border-radius: 5px;
}

h3{
    color: blue;
    margin-bottom: 0px;
    margin-top: 0px;
}

h2{
    color: blue;
        position: absolute;
    top: 5px;
    right: 50px;
                left: 350px;
                margin-bottom: 0px;
    margin-top: 0px;
}

div.titolo1{
    width:280px;
                    height:25px;
                    padding: 10px;
                background-color: white;
                border-radius: 5px;
    
}

Non capisco perchè il div boxricerca che contiene una tabella non vada sotto a titolo1 ma vada sotto alla tabella con l'elenco.


Allego la pagina in questione

Grazie a chiunque mi possa dare una mano

Massimo

 

[maxus68]

Risolto

 

[Max 1]

Risolto