Himas Rafeek
Posted on: 2 years ago
CSS

Absolute Center an Image


                                          CSS background-image Technique: html {
    width: 100%;
    height: 100%;
    background: url("logo.png") center center no-repeat;
}
 CSS + Inline Image Technique: img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    margin-top: -250px;
    /* Half the height */   margin-left: -250px;
    /* Half the width */
}
 Table technique: html, body, #wrapper {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
#wrapper td {
    vertical-align: middle;
    text-align: center;
}