# Bilder unterschiedlicher grösse horizental und vertikal mittig ausrichten

**URL:** <https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220>\
**Category:** Deutsches Forum\
**Tags:** templates-design\
**Created:** [April 24, 2010, 11:40am UTC](https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220 "2010-04-24T11:40:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rene](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/r/7cd45c/32.png) [@Rene](https://forum.oxid-esales.com/u/Rene)\
**Post date:** [April 24, 2010, 11:40am UTC](https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220/1 "2010-04-24T11:40:35Z")

</div>

Guten Tag,

ich möchte gerne die Bilder im Shop so zentrieren das Sie egal wie gross die Bilder sind immen Zentriert in einen Div Tag angezeigt werden. Horizontzal geht das auch. Aber Vertikal tut sich nichts

die ID für den Div Tag:

#body .product .picture {  
background-color:#FFFFFF;  
border-right:1px solid #999999;  
display:block;  
height:153px;  
left:0;  
margin-left:0;  
margin-top:0;  
overflow:hidden;  
padding-top:0;  
position:absolute;  
[B]text-align:center;[/B]  
top:0;  
vertical-align:50%;  
width:155px;  
}

und für das Bild:

.mitte{  
vertical-align:middle;  
}

Könnt Ihr mir mal auf die “Sprünge” helfen?

zu sehen auf [www.blue-music.de](http://www.blue-music.de) bei den ersten Produkten auf der Startseite die klatschen oben dran da die Bilder kleiner sind als die weiter unten. Wie gesagt Horizontal geht es aber nicht Vertikal.

---

<div class="post-metadata">

**Author:** ![nolegend](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/59ef9b/32.png) [@nolegend](https://forum.oxid-esales.com/u/nolegend)\
**Post date:** [April 24, 2010, 12:01pm UTC](https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220/2 "2010-04-24T12:01:10Z")

</div>

line-height: 153px

---

<div class="post-metadata">

**Author:** ![Rene](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/r/7cd45c/32.png) [@Rene](https://forum.oxid-esales.com/u/Rene)\
**Post date:** [April 24, 2010, 12:22pm UTC](https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220/3 "2010-04-24T12:22:46Z")

</div>

Klappt Danke

---

<div class="post-metadata">

**Author:** ![system](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/system/32/4245_2.png) [@system](https://forum.oxid-esales.com/u/system)\
**Post date:** [July 13, 2026, 7:51pm UTC](https://forum.oxid-esales.com/t/bilder-unterschiedlicher-grosse-horizental-und-vertikal-mittig-ausrichten/43220/4 "2026-07-13T19:51:19Z")

</div>