Image not align vertically center in ie7

Question

brainfo -5 Junior Poster in Training

12 Years Ago

i am trying to make an image align to be vertically centered. As it works perfect in all browser except IE7 . I already tried a lot.
here is my css and div.

 .vertical_align_center{
     background: none repeat scroll 0 0 #FFFFFF;
        display: table-cell;
        height: 209px;
        line-height: 209px;
        margin: 4px;
        text-align: center;
        vertical-align: middle;
        width: 160px;
       } 
          <div class="vertical_align_center">
          <img src="images/text.jpg" width="100" height="50" />
          </div>

Any help will be greatly appreciated. Thanks in Advance.

html-css image web-browser web-design

2 Contributors
3 Replies
235 Views
8 Hours Discussion Span
Latest Post 12 Years Ago Latest Post by brainfo

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

vaporpaul -2 Newbie Poster · Answer 1 · 2012-04-30T12:55:59+00:00

please send me your domain name then i can easy to analyze and checkout in ie7

vaporpaul -2 Newbie Poster · Answer 2 · 2012-04-30T13:14:43+00:00

none

please remove none

and second solution is specify the image path and check whether the image is in the mentioned folder in cpanel

brainfo -5 Junior Poster in Training · Answer 3 · 2012-04-30T14:36:02+00:00

http://www.apprs.com/decezy

well this is the site where I am working now. After clickin 'Add to cart' button at the first row and first column and by clicking 'Add to basket' . It will show a page. Where you can see the google image is align to be at the top in ie7 . however it should be align in middle as displaying in firefox and chrome.