html - Positions off in different browsers -
i have oval positioned lower on right (safari) left (chrome) if carefully. although quite minor, still know can fixed.
<body> <div class="player"> <input type="button" id="specific" value="<?php echo $id; ?>" onclick='window.open("<?php echo $specific; ?>")'> //other stuff .player { position: relative; width: 600px; padding: 30px 10px 10px 10px; border-style: solid; border-radius: 20px; margin: auto; text-align: center; font-family: "arial"; } #specific { display: inline-block; position: absolute; top: -2px; left: 50%; transform:translate(-50%, -50%); padding: 5px 15px; cursor: pointer; border: none; border-radius: 20px; text-align: center; color: #fff; font-size: 15; }
Comments
Post a Comment