Ridimensionare immagine in un div

[fritzer]

Ciao ragazzi stro creando un foglio di stile per joomla che adatta il template alla dimensione dello schermo, ho impostato la dimensione dei blocchi in percentuale nel foglio css come di seguito:

#container {
margin: 0px auto;
width: 100%;

}
#header{
width:100%;
height: 0%;
border: 0px;
margin-bottom: 0px;
}
#navigationleft
{
width: 20%;
height: 0%;
border: 0px;
background-color: #008FCB;
float: left;
margin-bottom: 0px;
}

#navigationright {
width: 20%;
height: 0%;
border: 0px;
background-color: #FFFFFF;
float: right;
margin-bottom: 0px;
}

#content{
width: 60%;
margin-left: 0px;
border: 0px;
float: center;
margin-bottom: 0px;
}

ho creato una classe .flex per ridimensionare le immagini

.flex
{
max-width:100%;
}

ora voglio che se inserisco una immagine nel contenuto di un articolo, tale immagine si deve adattare alla dimensione del div #content anche se cambio la risoluzione dello schermo.

Come posso risolvere???
Grazie Anticipatamente.

[KillerWorm]

Ciao, non capisco quale sia il problema.
Hai scritto che hai creato la classe .flex, bene. Hai provato ad utilizzarla nelle immagini in questione? Che succede?

Prima di questo però dovresti correggere il tuo css. Noto un errore grossolano che potrebbe compromettere il funzionamento:

#content{
    width: 60%;
    margin-left: 0px;
    border: 0px;
    float: center;
    margin-bottom: 0px;
}

Il valore center non è un valore valido per float.

[fritzer]

Ok grazie corretto l'errore , ma il problema persiste, cioè se inserisco una immagine molto grande essa non si adatta al div content ma si sovrappone al div navigatioright, e poi ho notato che se al posto dell'immagine inserisco un testo , non riesco ad allinearlo usando l'editor di joomla, qualsiasi allineamento uso rimane sempre allineato a sinista. Potrebbe essere un problema di joomla? Lo devo reinstallare.?