Buenos días, me gustaría sobreponer un texto encima de una imagen, eso ya lo consigo en mi compu, pero cuando lo veo en otros monitores de diferentes resoluciones se ve descuadrado, tiene que salir en el centro de la pantalla. Leí por ahí que con porcentajes se trabaja esto, pero no lo consigo. Gracias
Código HTML:
#capa1{position:relative;}
#capa1 .subcapa1 {
position: absolute;
width:100%;
top: 15%;
margin-left:-15%;
}
#background{ width:100%; z-index: -1; left:0;}
<div id="capa1">
<img src="index/2.jpg" border="0" id="background" />
<div class="subcapa1">
<table border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td align="left">
<h1 class="index">Welcome to Your <strong>Web Site</strong></h1>
</td>
</tr>
<tr>
<td align="left">Another way of discovering internet</td>
</tr>
</table>
</div>
</div>