<input> veränder <div>-Höhe

[Sebigf]

Hallo zusammen!

Ich habe 3 <div>'s untereinander gemacht.
Das 1. ist perfekt, aber bei dem 2. sieht das ganze schon anders aus.
Ich habe dort eine Suchbox eingabaut, bestehend auf 2 <input> Feldern.

Wenn diese Felder nicht im <div> sind, wird das <div> perfekt angezeit und hat keinerlei Probleme. Nur wenn eben die <input> drin sind, machts Höhenprobleme.

Hat da einer eine Idee ?

BTW: Fehler kommt nur IE, wo sonst ^^

Danke

 

[Maik]

Eventuell lässt sich das Problem beheben, wenn der Außen- und Innenabstand der input-Elemente auf Null gesetzt wird.

 

[Sebigf]

Habs probiert, geht aber leider nicht.
Ich habe margin / padding: 0px; gesetzt. Hat aber keiner Veränderung gezeigt.

Der Code sieht so aus:

<div class="box">
<input type="text" class="formfield" name="keyword" OnFocus="this.value=''" style="width:100px;" value="Schnellsuche" />
&nbsp;<input type="submit" name="Submit" class="formbutton" value="Suchen" />
</div>

 

[Maik]

Könntest du mal den vollständigen Quelltext (HTML + CSS) zeigen?

Anhand des Codeschnippsels lässt sich das Problem schwer nachvollziehen.

Und wo hast du die Polsterung auf Null gesetzt?