¡Hola, compañeros! Mi problema es este. Quiero algo tan simple como tener un JPG centrado como fondo en mi web con CSS. En un principio y bajo Dreamweaver parece que funciona y en el explorer se ve como debería, o sea así:
Pero me sale eso de "
Internet Explorer no permitió que se ejecutaran scripts ni controles Active X en el equipo" y al pulsar en "
Permitir contenido bloqueado", me quedo sin centrado y la página pasa a verse así:
O sea, se dezplaza hacia la derecha y queda a faz del cuerpo de la web.
Este es el código CSS de mi web de prueba, donde "Carnaval.jpg" es el fondo:
Código:
/* Site settings */
body {background-color:#ffffff;
background-image:url(Carnaval.jpg);
background-repeat:no-repeat;
background-position:top;
font-family:Arial,sans-serif;
font-size:13px;
font-weight:normal;
font-style:normal;
text-decoration:none;
color:#000000;
letter-spacing:0em;}
a {text-decoration:underline;}
a:link {color:#B2080B; cursor:pointer;}
a:visited {color:#561A8B;}
a:hover {color:#FF8200;}
a * {color:#B2080B;text-decoration:underline;}
sup {font-size:0.7em; vertical-align: 0.3em;}
sub {font-size:0.7em;}
.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
.xr_tr {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:right;}
.xr_tc {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:center;}
.xr_tj {position: absolute; unicode-bidi:bidi-override; text-align:justify;}
.xr_ap {position: absolute; border:none;}
.xr_tb {position: absolute; unicode-bidi:bidi-override;}
.xr_tu {unicode-bidi:bidi-override;margin-top:0px;margin-bottom:0px;}
Este es el código de la web simplificado:
Código:
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/> <link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
</head>
<body>
<div class="xr_ap" id="xr_xr" style="width: 770px; height: 600px; top:20px; left:50%; margin-left: -385px;">
</body>
Necesito vuestra ayuda, pues es algo muy básico pero no encuentro el error.
AYUDA, PLEASE! 