CSS: SELECT in DIV vertikal zentrieren

[sgei]

Hallo,

ich habe ein kleines Problem mit der Formatierung bzw. Ausrichtung der Dropdowns (select) in einem DIV-Layer.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Zur Erklärung:

1 Ist der "Rahmen" der einzelnen Attribute

Code: CSS  [Auswählen]

#attr_content {
        width: 234px;
        height: 60px;
        line-height: 60px;
        background-color: #EDEDED;
        margin: 5px 0px 5px 0px;
        padding: 5px 5px 5px 5px;
}
 

2 + 3 sind DIV-Layer, die mit display: table-cell; formatiert sind, dies ist nötig um dort innenliegende DIVs vertikal auszurichten

Code: CSS  [Auswählen]

#attr_center1 {
        width: 234px;
        height: 60px;
        background-color: #ff9900;
        display: table-cell;
        vertical-align: middle;
}
#attr_center2 {
        width: 234px;
        height: 40px;
        background-color: #cccccc;
        display: table-cell;
        vertical-align: middle;
}

4 + 5 sind die vertikal ausgerichteten DIVs einmal mit float: left (4) und einmal mit float: right (5)

Code: CSS  [Auswählen]

#attr_links {
        min-width: 50px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: left;
        background-color: #ffffff;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        float: left;
}
#attr_rechts {
        min-width: 50px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: right;
        background-color: #ffffff;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        float: right;
}
 

Die Schrift im DIV 4 wird vertikal mittig ausgerichtet, jedoch nicht das SELECT-Feld. Es klebt immer oben am Rand.

Hat jemand eine Idee?

Steffen



Linkback: https://www.modified-shop.org/forum/index.php?topic=1928.0