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