[HTML/Css] Formular einheitlich darstellen?

Hallo nach vielem hin und her, habe ich mich erneut hingesetzt und wollte versuchen ein absolut gerades Formular auf meiner webseite einzubauen. formulare sind ja kein Problem, nur das einheitliche will bei mir nicht so wie ich gerne möchte. Nun möchte ich gerne wissen wie ihr dabei vorgeht, gebt ihr dem form tag ne id, oder nur den p tags. ich hab vieles versucht hingehauen hats noch nicht.

Formular schreibe ich so, von den neuen label und sonstigen Tags halte ich absolut nichts, Tabellen sind nicht für Formulare, dafür nehme ich dann <p> tags.

<div class="content">
 <h1>Kontaktmöglichkeit</h1><br /><br />
 <form action="" method="post">
  <p>Senden Sie uns eine Nachricht:<br /><br /></p>
  <p>Name: <input type="text" name="name" /></p>
  <p>Email: <input type="text" name="email" /></p>
  <p>Betreff: <input type="text" name="betreff" /></p>
  <p>Anfrage: <textarea cols="" rows=""></textarea></p>
  <p><input type="submit" value="Absenden" />
  <input type="reset" value="Zurücksetzen" /></p>
 </form>
         </div>

Css zuweisungen sind noch keine vergeben, wenn ich den input feldern aber ne feste breite gebe, stimmts meistens immer noch nicht. man könnte bestimmt auch mit &nbsp; die einzelnen wörter damit ausgleichen. Aber ist nicht unbedingt meine Lösungsvariante. Wie macht ihr das, vor allem soll es ohne rahmen sein, aber welchen tags ist es bei meinem Formular am sinnvollsten die design-eigenschaften zu geben.

Ich nehme da einfach eine Tabelle, dann passt das immer.

Unrecht hast nicht, aber gibts keine Möglichkeit das über css zu machen. Man kann tabellen nehmen aber ich mag sie nicht, und würde es gerne über css machen. Wenns denn geht.

Mom, ich schau mal hier , rahmen und background muss ich ja nicht vergeben, dann habe ich das formular praktisch frei schwebend .

Und ich würde bei dem Link den ich gefunden habe einfach form die classe formbox geben dann spare ich das div aussenrum, verstehe ich immer nicht, ohne das div ist es bestimmt besser

hmm. dann muss ich noch fragen ob ich dem form tag nicht genau die selben eigenschaften wie dem wrapper vom Formular geben kann. Denn ich habe ja meine divs schon aufgebaut und das Formular wäre dann in dem

<div class="content">
<form class="formbox" action="" method=....>
<!-- Formular -->
</form>
</div>

eh schon drin. ich frag nur ,da ich es nicht weiß, was halt am besten ist und auch die nächsten 3 jahre noch gut ist.

Ich habe jetzt obig verlinkte seite nachgebaut so wie ich es gesagt habe funktioniert einwandfrei. So ist der Code:

<form class="formbox" action="">
  <div class="reihe">
    <span class="label">Name:</span>
    <span class="feld"><input type="text" class="defbreite"
      size="30" /></span>
  </div>
  <div class="reihe">
    <span class="label">E-Mail:</span>
    <span class="feld"><input type="text" class="defbreite"
      size="30" /></span>
  </div>
  <div class="reihe">
    <span class="label">Interessen:</span>
    <span class="feld">
      <textarea class="defbreite" cols="30" rows="8"> 
        Welche Themen interessieren Sie besonders?
      </textarea>
    </span>
  </div>
  <div class="reihe">
    <span class="label">&nbsp;</span>
    <span class="feld"><br />
      <input type="radio" name="abo" value="rein"
        checked="checked" /> bestellen<br />
      <input type="radio" name="abo" value="raus" /> abbestellen
    </span>
  </div>
  <div class="knopf">
    <input type="submit" value="und ab damit" />
  </div>
</form>

Und das design

.formbox {
  width: 400px;
  color: #000;
  }
.reihe {
  clear: both;
  padding: 2px 0px;
}
.label {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}
.feld {
  float: right;
  width: 300px;
  text-align: left;
} 
.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}
.defbreite {
  width: 260px;
}

valide, und passt genau wie ich es wollte. Geht doch ohne Div, ist nur codeverschwendung

Zitat von synaptic

naja ob man jetzt nen div nimmt oder nen span floaten lässt, soweit ich weiß wird durch das floaten eh nen block-element daraus und somit haste letztlich die gleichen eigenschaften

Aber ich wollte ursprünglich keine Tabellen und kein divrahmen, da ich schon genug divs verwende.:D

Gelöst ist in jenem Fall, auch mit eurer Hilfe. Danke euch mal dafür.

Zitat von Dommix

Was hast du denn gegen die "neuen" Formular-Tags? Hab mich schonmal bisschen damit gespielt, und funktionieren eigentlich ganz gut.

Klar funktionieren Sie, nur für was soll ich unnötig Tags einfügen. <label> kann ich auch mit <p> definieren, und sonst braucht man eigentlich nichts.
Wenn mir sagst für was überdenke ich meine Lösung, denn ich hatte es natürlich auch schon ordnungsgemäß nach selfhtml geschrieben.

Wer es mag kann es ja gerne verwenden, ich werde Sie nicht verwenden. Denn ich finde die Überflüssig wie schon geschrieben. Aber es führen Ja viele wege zum Ziel