hola, tengo una pagina sencilla, pero se ve bien en IE, Firefox y el Chrome me manda el texto abajo de la imagen.
Es una imagen y un texto sobre ella, y el Chrome manda el texto abajo de la imagen.
Pego lo hecho a ver si encuentran algo.
Gracias.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Inter01</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico" />
<!-- style-->
<style type="text/css">
<!--
#content {
position: relative;
margin:0 auto;
left:0px;
top:0px;
width:1100px;
height:660px;
}
a {
text-decoration:none;
position:relative;
}
.pic {
position:relative;
}
.pic span {
position:absolute;
right:85px;
margin-top:200px;
}
h1 {
text-align:center;
font-style:normal;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color:#AFB1C6;
}
h2 {
text-align:center;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color:#32125F;
}
-->
</style>
<!-- fin style-->
</head>
<body style=" background-image: url(../images/backgraund.jpg)">
<div id="content">
<div class="pic">
<a href="javascript:history.back(1)">
<img src="01xxxxxx.jpg" width="1100" height="660" />
<span><h1>xxxxx<br>xxxxxxxxxxxx<br>xxxxxxxxxxx<br> xxxxxxxxxxxxxxxxxxx<br>xxxxxxxxxxxx<br>xxxxxxxxxxx xxxxxxxxx<br>xxxxxxxxxxx<br>xxxxxxxxxxxxx<br>xxxxx xxxxx<br><br></h1>
<h2>xxxxxxxxxxxx<br>xxxxxxxxxxxxxx<br>xxxxxxxxxxxx <br>xxxxxxxxxxxxxxxxxx</h2>
</span>
</a>
</div>
</div>
</body>
</html>
