[Ovillo] poltergeist cómo nunca

Vie Abr 13 08:26:31 UTC 2007

salud a la comunidad!

llevo poco tiempo maquetando con css y aún así ya me he encontrado con cosas
raras, fenómenos paranormales.
casi todos relacionados con el explorer de microsoft.
sin embargo, éste en cuestión, me ha sobrecogido.
ocurre en ie6(es el único que he probado).
sucede que el enlace de texto "Envía una postal a alguien", aparece
duplicado al renderizarse la página, existiendo un sólo elemento de éste
tipo en el código fuente.
para colmo, al rollovear el de abajo del todo(el único que existe) se activa
el efecto over, ¡pero sólo sobre el otro!.
me parece acojonantemente absurdo y lo comparto por que aunque no lo
resolvamos o no sepamos porque pasa, sin duda es descojonante cómo
curiosidad.
jiasjiasjiasjias
ni que decir tiene que en el resto de los navegadores se visualiza bien.
no tengáis en cuenta posibles errores/incongruencias en el código ya que se
trata de una página de prueba.

ahí va el monstruo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Servicio de postales </title>

                <link rel="stylesheet" type="text/css" media="screen,
projection" href="estilo.css">
                <style>
                body{
    font-size : 15px;
    font-family : verdana,arial,helvetica;
    /*font-weight : bold;*/
    color : #000000;
    background-color : #ffffff;
    /*margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;*/
    margin:0px;
}
img{
    border:1px #9E9C9C solid;}
td{
    font-size : 11pt;
    font-weight : bold;
    color : #000000;
}
ul{
    list-style:none;
    padding-top:20px;
    position:relative;
    right:20px;

}
form{
    display:inline;
}
a:link {text-decoration: none; color : #5F5F5E;}
a:visited {text-decoration: none; color : #5F5F5E;}
a:active {text-decoration: none}
a:hover {text-decoration: none; color : #000000;}
#contenedor{
    text-align:center;
    margin:0px auto;
    padding-top:20px;
}
#izquierda{
    float:left;
    text-align:left;
}
#datos_formulario{
    width:300px;
    text-align:center;
    margin:0px auto;
}
#derecha{
    float:right;
}
.checkbox{
    clear:both;
    margin-bottom:20px;
    padding-top:25px;
}
#texto_postal{
    /*float:right;*/
    width:242px;
    position:relative;
    bottom:319px;
    left:74px;
    text-align:justify;
}
* html #texto_postal{
    bottom:307px;
    left:-105px;
}
.mensaje{
    position:absolute;
    top:-14px;
    width:88%;
    font-size:13px;
}

#datos{
    position:absolute;
    top:118px;
    padding-left:253px;
    width:100%;
    font-size:13px;
    /*background:red;*/
}
* html #datos{
    width:200%;
    font-size:13px;
    top:122px;
    line-height:10px;
}
#postal{
    width:600px;
    text-align:center;
    margin:0px auto;
    padding-top:40px;
}
#postal img{
    margin-bottom:10px;
}
#spacer{
    clear:both;
    text-indent:-2000px;
}
/*index*/
#contenedor_fotos{
    text-align:center;
    margin:0px auto;
    /*background:black;*/
    width:970px;
    height:100%;
}
.contenedor_foto {
   float:left;
   width:290px;
   height:190px;
   margin: 10px;
   padding:5px;
   padding-top:15px;
   background-color:#EEF5DB;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
}

/*index*/
                </style>
                </head>

                <body>

<div id="contenedor">
<h3>Postales</h3>
<div id="postal">
        <img src="imagenes/1.jpg" border="0" width="475">
        <img src="imagenes/1gris.jpg" border="0" width="475">

        <div id="texto_postal">
               <p class='mensaje'>&nbsp;&nbsp;&nbsp;Cada mes, en Smashing
Magazine, dedican una entrada a recopilar lo más interesante relacionado con
el desarrollo web aparecido en los últimos 30 días. En este caso se ocupan
del mes de marzo, con un listado muy extenso, quizá demasiado, y en él
podemos en</p><span id='datos'><p><strong>Destinatario:</strong></p><p>dest
</p><p><strong>Remitente:</strong></p><p>rem</p><span>
        </div><!--fin texto_postal-->

</div><!--fin postal-->
<h3><a href="index.php">Env&iacute;a una postal a alguien</a></h3>
</div><!--fin contenedor-->
</body>
</html>

a lo mejor tiene explicación y mis pocos conocimientos me impiden verla.
vosotros diréis.

un saludo!