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 ") 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;
CURSOR:pointer;
height:20px;
}

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

Gruß Ronny

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

Gruß Ronny

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.

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

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.