Buongiorno,
ho un problema con un div. Mi spiego: ho creato con dreamweaver una pagina fluida. All'interno c'è il div dove risiede l'immagine e poi un div che dovrebbe essere strutturato in questo modo:

testo sinistro con allineamento a sinistra
testo centrale con allineamento al centro
testo destro con allineamento a destro.

Non ho idea di come possa fare. Ho cercato in rete ma non so dove mettere mano.
La pagina: http://www.manuelgaribaldiphoto.it/prova/panama.html
La parte che mi interessa è il div3

Qua il css
@charset "UTF-8";/* Contenuto fluido semplice
Nota: per i contenuti di tipo fluido è necessario rimuovere gli attributi di altezza e larghezza del contenuto dal codice HTML
http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
max-width: 100%;
}
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */
.ie6 img {
width:100%;
}


/*
Proprietà griglia fluida Dreamweaver
----------------------------------
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;

Ispirato da "Responsive Web Design" di Ethan Marcotte
http://www.alistapart.com/articles/r...ive-web-design

e Golden Grid System di Joni Korpi
http://goldengridsystem.com/
*/


/* Layout mobile: 480 px e inferiori. */


.gridContainer {
margin-left: auto;
margin-right: auto;
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv3 {


clear: both;
float: left;
margin-left: 0;
width: 16.6666%;
display: block;
}
#LayoutDiv4 {
clear: none;
float: left;
margin-left: 4.1666%;
width: 100%;
display: block;
}


/* Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. */


@media only screen and (min-width: 481px) {
.gridContainer {
width: 97.5%;
padding-left: 1.25%;
padding-right: 1.25%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv2 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 100%;
display: block;
}
#LayoutDiv3 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv4 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 100%;
display: block;
}
}


/* Layout desktop: da 769 px a 1232 px max. Eredita stili da: Layout mobile e Layout tablet. */


@media only screen and (min-width: 769px) {
.gridContainer {
width: 98%;
max-width: 1232px;
padding-left: 1%;
padding-right: 1%;
margin: auto;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#LayoutDiv3 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 100%;
display: block;
}
#LayoutDiv4 {
clear: none;
float: left;
margin-left: 2.0408%;
width: 100%;
display: block;
}
}