Auf Thema antworten 2026

Beitrag

<blockquote data-quote="spacle" data-source="post: 1963368" data-attributes="member: 337567">Hi ich habe ein ziemlich nerviges Problem dass ich seit vorgestern auch mit google nicht lösen konnte:Ich habe ein Kontaktformular erstellt und möchte dass es rechts genau mit dem Rand der Box abschließt. Nun, so war es dann auch in Chrome und Firefox. Dann habe ich es mir mit dem IE 9 angeschaut und festgestellt dass das Formular umgebrochen wird, weil die input Felder anscheinend zu groß waren. Ich habe dementsprechend verwirrt mit Blick au die Darstellung im IE alle Angaben angepasst. Nun fehlen aber im Firefox Pixel an breite. D.h. Im Firefox und Chrome sind die Felder kleiner, es scheint als würde das padding nicht angerechnet, somit schließen die Felder im Chrome nicht einheitlich nach rechts ab. [HTML]/* Buchungsformular - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Buchungsformular {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:350px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float:left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; form{}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; form span.pflicht{font-family:Arial;font-size:13px; color:#3e3e3e;position:absolute;margin-top:9px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; label{display:inline;color:#3e3e3e;font-size:14px;font-family:Arial;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; input,textarea{border:1px solid #ddd/*595959*/;height:24px;margin:7px 5px 3px 5px;padding:0 0 0 5px;font-family:Arial;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Name {width:101px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Vorname{width:101px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Strasse{width:148px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #PLZ{width:76px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Telefon{width:127px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Fax{width:100px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #Email{width:289px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; textarea{width:100%;max-width:253px;height:91px !important;margin-top:12px;border:1px solid #ddd;overflow:hidden;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; label.Anmerkung{float:left;margin-top:12px}[/HTML][HTML]&lt;form id=&quot;kontaktformular&quot; action=&quot;formmail.php&quot; method=&quot;post&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Name&quot;&gt;Name*&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;Name&quot; name=&quot;Name&quot; required class=&quot;input&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Vorname&quot;&gt;Vorname&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;Vorname&quot; name=&quot;Vorname&quot; class=&quot;input&quot;&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Strasse&quot;&gt;Stra&amp;szlig;e*&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;Strasse&quot;&nbsp; name=&quot;Strasse&quot;&nbsp; required class=&quot;input&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;PLZ&quot;&gt;PLZ*&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;PLZ&quot; name=&quot;Postleitzahl&quot;&nbsp; required class=&quot;input&quot;&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Telefon&quot;&gt;Telefon*&lt;/label&gt;&lt;input type=&quot;tel&quot; id=&quot;Telefon&quot; ame=&quot;Telefon-Nummer&quot;&nbsp; required class=&quot;input&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Fax&quot;&gt;Fax&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;Fax&quot; name=&quot;Fax&quot; class=&quot;input&quot;&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;Email&quot;&gt;Email&lt;/label&gt;&lt;input type=&quot;email&quot; id=&quot;Email&quot; placeholder=&quot;email@example.com&quot; name=&quot;Emailadresse&quot; class=&quot;input&quot;&gt;&lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;Anmerkung&quot; for=&quot;Anmerkung&quot;&gt;Anmerkung&lt;/label&gt;&lt;textarea id=&quot;Anmerkung&quot; wrap=&quot;physical&quot; name=&quot;Anmerkung&quot; id=&quot;textarea&quot;&gt;&lt;/textarea&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;buchungshr&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span class=&quot;pflicht&quot;&gt;* ben&amp;ouml;tigte&lt;br /&gt; &amp;nbsp; Angaben&lt;/span&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;button type=&quot;reset&quot; id=&quot;Stop&quot; value=&quot;Abbrechen&quot;&gt;Abbrechen&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;button type=&quot;submit&quot; id=&quot;Absenden&quot; value=&quot;Absenden&quot;&gt;Absenden&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/form&gt;[/HTML]</blockquote>

[QUOTE="spacle, post: 1963368, member: 337567"] Hi ich habe ein ziemlich nerviges Problem dass ich seit vorgestern auch mit google nicht lösen konnte: Ich habe ein Kontaktformular erstellt und möchte dass es rechts genau mit dem Rand der Box abschließt. Nun, so war es dann auch in Chrome und Firefox. Dann habe ich es mir mit dem IE 9 angeschaut und festgestellt dass das Formular umgebrochen wird, weil die input Felder anscheinend zu groß waren. Ich habe dementsprechend verwirrt mit Blick au die Darstellung im IE alle Angaben angepasst. Nun fehlen aber im Firefox Pixel an breite. D.h. Im Firefox und Chrome sind die Felder kleiner, es scheint als würde das padding nicht angerechnet, somit schließen die Felder im Chrome nicht einheitlich nach rechts ab. [HTML]/* Buchungsformular - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #Buchungsformular { width:350px; float:left; } form{} form span.pflicht{font-family:Arial;font-size:13px; color:#3e3e3e;position:absolute;margin-top:9px;} label{display:inline;color:#3e3e3e;font-size:14px;font-family:Arial;} input,textarea{border:1px solid #ddd/*595959*/;height:24px;margin:7px 5px 3px 5px;padding:0 0 0 5px;font-family:Arial;} #Name {width:101px;} #Vorname{width:101px;} #Strasse{width:148px;} #PLZ{width:76px;} #Telefon{width:127px;} #Fax{width:100px;} #Email{width:289px;} textarea{width:100%;max-width:253px;height:91px !important;margin-top:12px;border:1px solid #ddd;overflow:hidden;} label.Anmerkung{float:left;margin-top:12px}[/HTML] [HTML]<form id="kontaktformular" action="formmail.php" method="post"> <label for="Name">Name*</label><input type="text" id="Name" name="Name" required class="input"> <label for="Vorname">Vorname</label><input type="text" id="Vorname" name="Vorname" class="input"> <label for="Strasse">Straße*</label><input type="text" id="Strasse" name="Strasse" required class="input"> <label for="PLZ">PLZ*</label><input type="text" id="PLZ" name="Postleitzahl" required class="input"> <label for="Telefon">Telefon*</label><input type="tel" id="Telefon" ame="Telefon-Nummer" required class="input"> <label for="Fax">Fax</label><input type="text" id="Fax" name="Fax" class="input"> <label for="Email">Email</label><input type="email" id="Email" placeholder="email@example.com" name="Emailadresse" class="input"> <label class="Anmerkung" for="Anmerkung">Anmerkung</label><textarea id="Anmerkung" wrap="physical" name="Anmerkung" id="textarea"></textarea> <div id="buchungshr"></div> * benötigte   Angaben <button type="reset" id="Stop" value="Abbrechen">Abbrechen</button> <button type="submit" id="Absenden" value="Absenden">Absenden</button> </form>[/HTML] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?