Verena: Noch eine andere Frage zum HTML & CSS

Beitrag lesen

Hallo,

hab mein Formular nun mit HTML und CSS erstellt und wollte fragen ob das HTML und CSS so richtig ist, dass es auch überall gut angezeigt wird? Ich habe zwar schon einiges über HTML5 gelesen aber wüsste jetzt nicht, wie ich dieses hier einsetzten soll.

Vielleicht habt ihr noch eine Idee für Verbesserungen. Achtung das ganze soll derzeit nicht responsive sein.

HTML Code:

  
<div id="container">  
	  
    <div id="inhalt">  
        <form id="form1" name="form1" method="post" action="">  
            <fieldset>  
                <div class="textfeld">  
                    <label for="name">Ihr Name</label>  
                    <input type="text" name="name" id="name" />  
                </div>  
  
                <div class="textfeld">  
                    <label for="mail">Ihre eMail</label>  
                    <input type="email" name="mail" id="mail" />  
                </div>  
  
                <div class="textfeld">  
                    <label for="telefon">Ihre Telefonnummer</label>  
                    <input type="tel" name="telefon" id="telefon" />  
                </div>  
  
                <div class="textfeld">  
                    <label for="nachricht">Ihre Nachricht</label>  
                    <textarea name="nachricht" id="nachricht" rows="10" cols="6" ></textarea>  
                </div>  
  
                <div class="submitbutton">  
                    <input type="submit" value="Absenden"  />  
                </div>  
            </fieldset>  
        </form>  
	</div>  
  
    <div id="rechts">  
    Hier kann der Datenschutz veröffentlich werden!  
    </div>  
  
</div>  
  

Mein CSS Code:

  
	#container {  
		width:960px;  
		min-height:500px;  
}  
  
	#inhalt {  
		width:500px;  
		float:left;  
}  
  
	form {  
		padding: 20px;  
	}  
	  
	fieldset {  
		margin: 0;  
		padding: 10px;  
		border: 0px;  
	}  
	  
	.textfeld, .submitbutton{  
		margin: 15px 15px 10px 180px;  
	}  
	  
	fieldset label{  
		display: block;  
	}  
	  
	.textfeld input, .textfeld textarea{  
		width: 250px;  
		padding: 4px;  
		display: block;  
		border-radius: 2px;  
		border: 1px solid #999;  
	}  
  
	.textfeld label{  
		margin-left: -180px;  
		float: left;  
		width: 150px;  
	}  
	  
	label{  
		cursor: pointer;  
	}  
	  
	#rechts {  
		margin-left: 20px;  
		width:200px;  
		float:left;  
		padding: 40px 0 0 0;  
}  

Liebe Grüße
Verena