Ciao! scusa il ritardo nella risposta..questo è il codice dei due file .css di cui sopra:
* {
margin:0;
border:0;
padding:0;
}
body {
font: normal normal normal 90%/150% georgia, verdana, serif;
margin: 23px; /*si distanzia dal body di 23px*/
text-align: center; /* per IE5x */
/* background-color: #c0c0c0; */
background: url(image/linea.png) repeat;
color: #000000;
}
/** questo div fa da contenitore alla pagina **/
#container {
/* background-color: #fafad2; */
background: url(image/erba1.png) repeat;
color: #05052d;
border: 1px solid gray;
}
#header {
padding: 1.5em;
background: url(image/erba1.png) repeat;
/* background-color: #cc9900; */
}
#navigation {
float: left; /* faccio flottare il div a sinistra */
width: 18%; /* larghezza del div */
background-color: #fafad2;
color: #05052d;
border-right: 1px solid gray;
}
#extra {
float: right; /* faccio flottare il div a destra */
width: 18%; /* larghezza del div */
background-color: #fafad2;
color: #05052d;
border-left: 1px solid gray;
}
#content {
margin-right: 18%; /* margine pari alla larghezza del div#destro */
margin-left: 18%; /* margine pari alla larghezza del div#sinistro */
padding: 10px;
color: #0a0a0a;
background-color: #F0F8FF;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
#content p{
text-align: left; /* ripristino l'allineamento a sinistra */
padding: 10px;
font-size: 100%;
letter-spacing: 2px;
}
#footer {
clear: both; /*importante al fine di far cessare il float degli elementi superiori*/
padding: 0.5em;
background: url(image/linea.png) repeat;
/* background-color: #cc9900; */
color: #000;
border-top: 1px solid gray;
}
#footer p{
padding: 5px
}
h1{
color: yellow;
font-size: xx-large;
}
h2{
font-size: 18px;
text-align: center;
color: #000;
}
a {
text-decoration: none;
outline: 0;
font-weight: bold;
}
ul {
list-style-type: none;
margin: 4px;
}
li{
height:25px;
line-height:25px;
text-align:left;
}
ul li a, ul li a:link, ul li a:visited{
display: block;
text-indent: 20px;
height: 23px;
line-height:23px;
background-color: #2c2c2c;
color: #d3d3d3;
border:1px solid #d3d3d3;
}
ul li a:hover, ul li a:active, ul li a:focus{
background-color: #d3d3d3;
color: #2c2c2c;
border:1px solid #2c2c2c;
}
ul li a.c1{
display: block;
padding-right: 20px;
width: 120px;
float: left;
clear: left;
margin-right: 10px;
}
Ho provato ad insererire la seguente classe ("form") che appunto mi impagini la form, ottenendo il risultato nell'immagine:
.form {
background: #FFFF00;
color:#000000;
font-family: "Arial";
font-size: 15px;
padding: 1px;
border: solid 1px #000000;
}

Ah, questo è il codice della funzione che mi crea la form:
Codice PHP:
public function creaForm() {
echo "<form action= " . htmlspecialchars($_SERVER['PHP_SELF']) ." method='post' class='form'>";
echo "<fieldset><legend>Effettua il login</legend>";
echo "<label>Nome Utente: <input type='text' name='utente'></label>
";
echo "<label>Password: <input type='password' name='password'></label></fieldset>
";
echo "<input type='submit' class='form' value='invia'></form>";
}
però non so se è corretto applicare la class .form sia come attributo alla form (prima echo) che al bottone (ultima echo). Il risultato non mi convince più di tanto.
PS: non vorrei però che adesso si andasse fuori tema, visto che non si tratta più di php ma di css...mi rimetto al volere dei mod!