WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » problem mit formular in div » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von languitar
Generell sollte man den Code ja eh so schlank wie möglich halten und zum Positionieren braucht man nur in den wenigsten Fällen Divs. Ganz viele CSS-Eigenschaften funktionieren eh auf die meisten HTML-Tags.
von beule
hmm danke ich probiers mal aus =)
von languitar
http://www.style-sheets.de/guide/formulare/formulare_per_css_layouten

Guck dir das mal an. Du könntest dir einiges an Div-Suppe sparen.
von beule
Problem gelöst, ich erkläre es schnell, falls jemand mal den selben mist macht:

also ich hab das hintere div logischer weise auf z-index: -1, gesetzt, damit ich andere div's darüber legen kann. was in ie auch wunderbar funktioniert hat, aber mit FF nicht. jetzt habe ich keine z-index angaben mehr im css und .... oh wunder alles funktioniert =)
von beule
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71:

<div class="formbox">
<form method="post" action="?action=reg_form"">
  <div class="reihe">
    <span class="label">Username:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="user" /></span>
  </div>
   <div class="reihe">
    <span class="label">Password:</span>
    <span class="feld"><input type="password" class="defbreite" size="20" name="pw" /></span>
  </div>

  <div class="reihe">
    <span class="label">Password confirm:</span>
    <span class="feld"><input type="password" class="defbreite" size="20" name="pwconfirm" /></span>
  </div>
    <div class="reihe">
    <span class="label">Wohnort:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="ort" /></span>
  </div>
    <div class="reihe">
    <span class="label">E-Mail:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="mail" /></span>
  </div>
  <div class="reihe">
    <span class="label">Geschlecht:</span>
    <span class="feld"><input type="radio" name="geschlecht" value="m"> Männlich

						<input type="radio" name="geschlecht" value="w"> Weiblich</span>
  </div>
  <div class="reihe">
    <span class="label">Geb-Datum:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="gebdatum" /></span>
  </div>
  <div class="reihe">
    <span class="label">Beruf:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="beruf" /></span>
  </div>
    <div class="reihe">
    <span class="label">Single:</span>
    <span class="feld"><input type="radio" name="single" value="ja"> Ja</br>
						<input type="radio" name="single" value="nein"> Nein</br>
						<input type="radio" name="single" value="suchend"> suchend</span>
  </div>
  <div class="reihe">
    <span class="label">Beruf:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="beruf" /></span>
  </div>
  <div class="reihe">
    <span class="label">Interessen:</span>
    <span class="feld">
      <textarea class="defbreite" cols="5" rows="4" name="interessen">Hobbys, Musik usw...
      </TEXTAREA>
    </span>
  </div>
    <div class="reihe">
    <span class="label">Ausgang:</span>
    <span class="feld">
      <textarea class="defbreite" cols="5" rows="4" name="ausgang">Wie? Wo? Wan?
      </TEXTAREA>
    </span>
  </div>
   <div class="knopf">
    <input type="submit" value="Registrieren" />
</div>
</form>
</div>





1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38:
.formbox {
position: absolute;
  width: 300px;
  color: #000;
  background-color: #cc9;
  border: 1px solid #666;
  overflow: auto;
 }
.reihe{
display: block;
clear: both;
padding: 2px 0px;
}
.label{
font-size: 12px;
float: left;
width: 70px;
text-align: left;
padding-top: 3px;
padding-right: 5px;
}
.feld{
float: right;
width: 100px;
text-align: left;
} 
.knopf{
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 30px;
}
.defbreite{
border: 1px solid;
width: 150px;
}


und das ganze ist "über" einem div... ich weiss es ist eine div - "Suppe" aber ich wollte das formular nicht mit einer tabelle machen.

"unteres" - div:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:
#rand{
background: #B2E5FF;
position: absolute;
top: 30px;
left: 30px;
height: 500px;
width: 850px;
z-index: -1;
padding-left: 150px;
padding-right: 100px;
}


nicht nur das formular geht nicht, die scrollbalken kann ich auch nicht bediehnen, dass ganze formbox div kann nicht "angeklickt" werden :(




und wie gesagt, dieses problem tritt nur bei FF auf

Nach oben