2015-01-17, 11:03 AM
I made a button in my homepage that directs visitors to my forum. But I created it using Chrome. When I open the homepage in Firefox or IE, button changes its position. Also when I minimize the screen it is the same problem. How can I fix it?
CSS:
index.php:
CSS:
body
{
min-height: 740px;
background-color: black;
background-image: url(.../images/arkaplan.png);
background-repeat : no-repeat;
background-size: cover;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
#button {
position: fixed;
transition: .5s ease;
top: 530px;
left: 750px;
right: -420px;
bottom: -191px;
}
#button:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
index.php:
<body>
<li><a href="mywebsite/forum"><img src=".../images/yazi.png" id = "button"></a></li>
</body>