Input form und Submit ausrichten

[Ronald Nickel]

Hier noch ein Anliegen an die CSS Fraktion
Ich möchte ein Eingabefeld und den dazugehörigen Submitbutton nebeneineander stellen und natürlich auch in der selben Höhe innerhalb eines DIV(Klasse "searchOptions &quot ausrichten.

/* -------------------------------DIV Klasse */
#searchOptions {
white-space: nowrap;
margin-top:2px;
margin-right:2px;
float: right;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -------------------------------Input KLasse */
#searchOptions .searchBox {
font-size: 10px;
color: #000;
border: 1px solid #0000ff;
width:120px;
height:18px;
}

/* -------------------------------Submitbutton KLasse */
#searchOptions .searchbutton {
font-size:10px;
color:#ffffff;
border:1px solid #999;
font-weight:bold;
background:#000099;
CURSORointer;
height:20px;
}

Sieht im IE7 auch einigermaßen aus. Nur der Feuerfuchs zeigt, wie es nicht aussehen sollte. Was mache ich falsch?

Gruß Ronny

 

[Ronald Nickel]

aha, ich sehe schon- - CSS kommt aus der Mode...

Gruß Ronny

 

[Webtrade and more]

Ist es ganz sicher nicht - ist aber knifflig, und gelingt nicht immer perfekt, so dass wir dazu übergegangen sind einen Kompromiss zu wählen, indem wir je nach Website zumindest das Login-Zeugs wieder mit einer Tabelle positionieren.

 

[Ronald Nickel]

Leider darf ich in dem Script nicht sooo frei rumwurschteln wie ich gerne wollte. Daher beschränken sich meine Modifikationsmöglichkeiten auf die CSS.

Gruß Ronny

 

[Marvin]

Mir scheint, du suchst nach dieser Lösung.

http://www.quirksmode.org/css/tests/mozie_button.html

Einfach ein "-moz-box-sizing: content-box;" dem Button hinzufügen.
Dann sollte es auch im FF funktionieren.


Grüßle.