Posizionamento elementi di una pagina HTML

[Mr. Engineer]

perfetto. E' ciò che comunque ho fatto anche io. In questo modo i contenuti posti tra header e footer spingono quest'ultimo verso il fondo della pagina,giusto? E qualsiasi sia la risoluzione dello schermo,il footer si troverà sempre lì o potrà risalire? Ho mandato la mia pagina html ad un collega il quale possiede un portatile con schermo full HD. Il mio footer veniva a trovarsi a metà schermo mentre da me veniva a trovarsi esattamente alla fine della pagina.
Questo è il codice relativo al CSS:

.about_class img{
    float: left;
    margin-right: 10px;
}

Questo relativo all'elemento dentro la pagina HTML:

<div id="about"><div class = "about_class">
<p><img src="http://www.ufficio.eu/wp-content/uploads/2016/05/felicit%C3%A0-dipendenti.jpg" alt = "Foto dipendenti" height = "200" width = "200"><h1>About Us</h1>La Viaggi SRL nasce dall'idea di due imprenditori milanesi con un unico obiettivo comune: fornire ai propri utenti mete da sogno a prezzi
contenuti. Oggi Viaggi SRL riesce a soddisfare le esigenze di più di 200.000 viaggiatori in tutta Europa.
</p>
</div>
</div>

Aggiungendo subito dopo questo elemento:

<div id="contatti"><div class = "contact_class">
<p><h1>Contattaci: </h1>Viaggi SRL - Via Tizio 20,Milano
   Servizio Clienti: 095 303030 - 366 403020
</p>
</div>
</div>

Viene a crearsi questo:


Come puoi vedere,la sezione "Contattaci" va a posizionarsi lì,ma io voglio che si trovi un pò più sotto rispetto al precedente elemento.Per far ciò,ho dovuto inserire parecchi tag <br> (credo sei).
I dati sono puramente fittizi: volevo creare un sito per agenzie di viaggi.