Errore stampa CSS

[phan83]

Errore stampa CSS

Buongiorno a tutti! E' probabile che ci sia una sezione dedicata alle presentazioni, ma inglobo tutto qua scusate: mi chiamo Fabio, ho 27 anni e vivo a Udine.

Ho un piccolo problema che però mi sta facendo innervosire e non riesco a risolvere: ho creato una pagina web col classico "contact us", inserendo i vari boxettini per ogni dicitura della sezione (Name, Surname, etc..). I box sono perfettamente allineati e leggibili quando si apre la pagina.
Appena però provo a fare un'anteprima di stampa, questi box non sono più allineati, bensì quasi tutti sfasati e, se possibile, vorrei evitare questo difetto.

Incollo direttamente qua il codice html della pagine e successivamente il CSS di stampa.

HTML (solo la parte riguardante il contact us)

<div id="contenuto">
<form method="post" action="#" id="modulo" class="form">
<fieldset>
<legend>Insert Your Personal Information</legend>
<div>
<br />
<label for="name">Name: </label>
<input type="text" id="name" name="name" />
</div>
<div>
<label for="surname">Surname: </label>
<input type="text" id="surname" name="surname" />
</div>
<div>
<label for="email">e-Mail: </label>
<input type="text" id="email" name="email" />
</div>
<div>
<label for="object">Object: </label>
<input type="text" id="object" name="object" />
</div>

            <div>
              <label for="msg">Type your question: </label>
              <textarea id="msg" name="msg" rows="4" cols="17"></textarea>
            
              <br />
                
              <input type="submit" name="submit" id="submit" value="Submit" /> 
              <input type="reset" id="reset" value="Reset" />
            </div>
        
        </fieldset>
    </form>

**CSS di Stampa **(copio di seguito tutto il codice, non solo la parte del contact us)

@charset "utf-8";
/* CSS Document Stampa*/

@media print {

.contenitore> img, .ahidden, #menu, #news, #footer, .grid_1, .grid_1_2, #main_application li, h4, #main_research li, #contenuto>.clearfix, .clearfix a {display:none;}

body {
font-size: 10pt;
font-family: Verdana, sans-serif;
color: #333;
width: 70%;
text-align:center;
}

.grid_title>img{ width:95%;}

a {
color: #000000;
text-decoration:none;
}

text-transform:capitalize;
}

.clearfix img{
display:block;
margin-left:140px;
}

#projects_list h4 { font-size:14px;
margin-right:4px;
}

.memcap, .member { display: inline-table; }

.form label{float:left;}
.form input{position: static;}

}
**

CSS **(solo la parte riguardante il contact us)

/* CONTACT*/

.cinfo { font-size: 16px; }

.form{
display: inline-block;
width: 410px;
padding: 15px;
}

form textarea { width: 153px;
margin-left: -64px;

           }

label {
float: left;
width: 66px;
font-size: 1.3em;
text-align: right;
color: #000;
margin-top: 10px;
}

input, textarea {
margin-left: -66px;
margin-bottom: 5px;
margin-top: 5px;
}

#submit, #reset { margin: 0px; }

Grazie per l'attenzione e aspetto presto una risposta dagli esperti.

Saluti
Fabio

[phan83]

Risolto scusate, grazie per aver letto comunque

Ho addato questo:

label {
float: left;
width: 0px;
font-size: 1em;
text-align: right;
color: #000;
margin-top: 10px;
}

nel CSS della stampa in quanto le diciture Name, Surname, etc.. non andavano a capo. In questo modo le scritte più lunghe facevano "slittare" a destra i box, ecco risolto il "mistero".

Arrivederci e un saluto a tutti
Fabio