Thomäs: Postionierung von Formularfeldern in einem Container

Beitrag lesen

Leider hat auch das nicht wirklich was gebracht. Ich habe nun die Pixelangaben mit drin und von Position:absolute; auf relative umgestellt. Damit scheinen zumindest die Angaben in Top teilweise zu stimmen.

Versuche mit Clear und Float in Left und Right blieben allerdings ohne Erfolg. Auch wenn ich die Width noch mit ins Spiel bringe wird es nicht besser. Es sieht immer noch alles ziemlich verworren aus.

Ich möchte keine fertige Lösung präsentiert haben, nur eine kleine sinnvolle Erklärung warum es so, wie ich es mache nicht gehen kann...

Danke
Thomäs

<body>
<div align="center" style="height:60;">
<h1 class="farbig">Kontaktformular</h1>
<p class="anno">Mit diesem Formular können Sie uns erreichen.</p>
<!--in diesem container sollen die formularfelder positioniert werden-->
  <div style="top:65px;" align="center">
<span class="td" style="position:relative;left:20px;top:10px;float:left;width:30px;">Vorname</span><input type="text" name="VName" value="" size="20" MaxLength="40"class="farbig"  style="position:relative;left:120px;top:10px;width:121;">
<span class="td" style="position:relative;left:20px;top:37px;float:left;width:30px;">Name</span><input type="text" name="Name" value="" size="20" MaxLength="40"class="farbig"  style="position:relative;left:120px;top:37px;width:121;">
<span class="td" style="position:relative;left:260px;top:8px;float:left;width:30px;">E-Mail</span><input type="text" name="SenderMail" value="" size="20" MaxLength="40"class="farbig"  style="position:relative;left:360px;top:8px;width:121;">
<span class="td" style="position:relative;left:260px;top:35px;float:left;width:30px;">Homepage</span><input type="text" name="Homepage" value="" size="20" MaxLength="40"class="farbig"  style="position:relative;left:360px;top:35px;width:121;">
<span class="td" style="position:relative;left:20px;top:78px;float:left;width:30px;">Ihr Text</span><textarea name="Text"class="farbig"  cols="15" rows="5" style="position:relative;left:120px;top:78px;width:361;"></textarea>
  </div>