You may have encountered the complexity of centering an image inside a div vertically similar to what was possible with table cell (<td>) and valign property (valign=middle)
Here is an example on how to do it with CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<style> div.holder { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: table-cell; height: 300px; text-align: center; vertical-align: middle; width: 748px; } </style> <div class="holder"> <span id="container"> <img src="image.png"> </span> </div> <br clear='all' /> <div class="holder"> <span id="container"> <img src="image2.png"> </span> </div> <br clear='all' /> <div class="holder"> <span id="container"> <img src="image3.png"> </span> </div> |
