• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Balken exakt mittig

mikdoe

Moderator
Kurze Frage:
Wie bekomme ich bei folgendem Code den inneren Balken (trans.gif) exakt vertikal mittig?

HTML:
<div style="width: 140px; height: 14px; background-color: black;"><img style="vertical-align: middle; background-color: white;" src="trans.gif" width="0" height="8"></div>

Zur Erklärung: das Image wird per JS dynamisch breiter definiert, so entsteht optisch ein Balken. Aber wie bekomme ich diesen vertikal mittig? Das vertical-align hilft nicht.
Danke
 
Code:
margin-top: -4px;
position: absolute;
top: 50%;
und das außere dann noch ein
Code:
position: relative;

ODER du gibst dem äußeren ein
Code:
line-height: 14px;
 
Zuletzt bearbeitet:
Zurück
Oben