[Ovillo] Varios problemas de novato

Mie Mayo 17 09:32:23 UTC 2006

Hola a todas y todos.

Hay cosas que no entiendo por qué pasan... tengo el siguiente código:

<!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=iso-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
#Layer1 {
 top:100px;
 left:0;
 background-color:#CC9900;
 border-top:2px solid dotted #000000;
 border-bottom:2px solid dotted #000000;
 position:absolute;
 width:100%;
 height:115px;
 z-index:1;
}
-->
</style>
</head>

<body>
<div id="Layer1"><h1>Texto aquí</h1></div>
</body>
</html>

A ver...

1. Los 'border' se me ven en Explorer pero no en Opera ni en Firefox.

2. El texto aparece alineado arriba a la izquierda en Explorer y a la 
izquierda pero a media altura de capa en Firefox y Opera.

3. Por último he puesto un 'width' del 100% que en Explorer se queda a unos 
20 pixeles del margen derecho pero en Opera y Firefox se ve correctamente.

¡Qué mal lo estoy haciendo!... agradeceria comentarios e indicaciones al 
respecto.

Gracias.

Javier 