Non riesco a spostare su la sidebar_right come potete vedere da qui :

Ho provato a
- ridurre il width della sidebar_left e delle cornici all'interno,
- applicare float: left; e float: right; clear: both; tutte e3 sidebar_right
ma niente.

La mia inesperienza mi spinge a provare per tentativi, magari la soluzione è dietro l'angolo

Spero possiate aiutarmi. Grazie a tutti coloro che vorranno farlo ...

* File HTML

















* CSS

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
BORDER-RIGHT: gray 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-TOP: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
margin: 10px auto;
margin-left: auto;
margin-right: auto;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
}
#header {
border: 0px solid black;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
height: 102px;
}

#content {
MARGIN-LEFT: 163px;
MARGIN-RIGHT: 163px;

}

#sidebar_left {
float: left;
width: 144px;
\width: 154px;
w\idth: 144px;
margin: 0;

}

#sidebar_right {
float: right;
width: 144px;
\width: 154px;
w\idth: 144px;
margin: 0;
}

#footer {
clear: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
margin-top: 20px;
background-color: #3f2b84;
height: 13px;
text-align: right;
line-height: 0px;
color: #ffffff;
}