Roman: Ausrichtung einer Form innderhalb eines DIVs (Opera mag's nicht)

Beitrag lesen

Hallo Leute,

ich habe folgendes Problem:

Ich möchte ein INPUT-Feld und ein OK-Feld innerhalb eines DIVs vertikal und horisontal zentriert mit CSS darstellen.

Folgendes habe ich schon ausprobiert

Das ist das Class für DIV-Tag

#header_right{
 height: 28px;
 min-height: 28px;
 width:100%;
 min-width:184px;
 /*float:left;*/
 text-align: center;
 vertical-align: top;
 margin-left: 0px;
 margin-right: 0px;
 margin-top:0px;
 margin-bottom: 0px
 padding-top:0px;
 background-color:#006c48;
 border:1px solid #FFFFFF;
 position: relative;
}

Classes für Inputform und Ok-form

(Nachdem ich in diese beiden Calasses margin-top:5px; eingefügt habe, zeigt mir es jetzt Firefox 0.8, Mozilla1.7, Konqueror3.1.3 (ausser Opera [IE kann ich leider nicht testen]) ganz gut...

}
.formSuche {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #7FB5A3;
 width: 100px;
 height: 15px;
 border: 1px solid #000000;
 vertical-align: top;
 margin-top:5px;

}
.formOK {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #006C48;
 color: #FFFFFF;
 width: 60px;
 height: 18px;
 border: 1px solid #000000;
 vertical-align: top;
 margin-top:5px;
}

Vorher habe ich auch mit "vertikal-align:middle" probiert (auch im Div-Class), vergebens. Das Ding rutschte wie es mochte.

Kann mir jemand ein Tip geben?

Thx
Roman
PS: die Grafik zeigt die Darstellung von Opera v7.23