[Ovillo] imagen - IE5 y Netscape

Jue Sep 28 12:44:11 UTC 2006

hola!

estoy haciendo una web tipica de cabezal, menu contenido, y pie, se ve
perfecta en muchos navegaderes. Pero en Ie5 no aparece ni el menu (hecho con
css) ni la imagen que está contenida en el texto. Os pasaria el link donde
trabajo, pero es local... asi que si os pongo el codigo html i el css:
(Gracias de antemano)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Pensi&oacute;n </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="pension3b.css" type="text/css" rel="stylesheet" />
</head>
<body>

<div id="contenedor">
        <div id="cap">
<div class="texte">Pensi&oacute;n<br />
c/valencia,40.<br />
08307 Gijon</div>
                <img src="./img/cenefa2.jpg" alt="Pension"   />
<!-- quitar la imagen del html i situarla en el css  -->
        </div>

        <div id="bajo">

                <ul id="menu">
                    <li class="activo"><a href="#">Inicio</a></li>
                    <li><a href="./habitaciones.html">Habitaciones</a></li>
                    <li><a href="tarifas.html">Tarifas</a></li>
                    <li><a href="llegar.html">C&oacute;mo llegar</a></li>
                    <li><a href="ver.html">Turismo</a></li>
                    <li><a href="contacto.html">Contactar</a></li>
                </ul>
<div id="idioma">

                <ul>
                    <li class="pri"><a href="#">Catal&agrave;</a></li>
                    <li><a href="#">Espa&ntilde;ol</a></li>
                    <li><a href="#">English</a></li>

                    <li class="sec"><a href="#">Deutsch</a></li>
                    <li class="sec"><a href="#">Italiano</a></li>
                    <li class="sec"><a href="#">Fran&ccedil;ais</a></li>

                </ul>
</div>

                <div id="texto">
                        <img src="./img/foto.JPG" alt="foto" />

texto Lorem ipsum et elit antiopam adversarium cum, utinam laoreet no ius.
Mei eu albucius antiopam, has postea principes temporibus te. Qui te liber
takimata intellegebat, habeo rebum ne usu, nec percipit voluptatibus
definitionem te. Amet consectetuer cu pri. No reque graecis definiebas nec,
cum cu putent impetus vidisse.
texto Lorem ipsum et elit antiopam adversarium cum, utinam laoreet no ius.
Mei eu albucius antiopam, has postea principes                 </div>
                <br />

        </div>

<br />
                <div class="clear"></div>
        <div id="pie">
 <a href="http://jigsaw.w3.org/css-validator/check/referer">
  <img style="border:0;width:60px;height:20px;"
       src="http://jigsaw.w3.org/css-validator/images/vcss"
       alt="¡CSS Válido!" />
 </a>

    <a href="http://validator.w3.org/check?uri=referer"><img
        style="border:0;width:60px;height:20px" src="
http://www.w3.org/Icons/valid-ml10"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>

</div>
</div>
</body>
</html>

------------- El css q uso

* {
        margin:0;
        padding:0;
}

body {
        background-color:#111;
        font-size:11pt;
        font-family:Arial,sans-serif;
}
#contenedor{
        /*border:1px green solid;
*/      background-color:#222;
        left:50%;
        margin-left:-350px;
        margin-top:0;
        margin-bottom:10px;
        padding:8px;
        height:95%;
        width:700px;
        position: relative;

}

#cap{
        float:left;
        width:700px;
        position:absolute;
        z-index:1;
}

#cap div.texte{
        color: #ffcc99;
        z-index:2;
        position:absolute;
        margin-left:530px;
        margin-top:150px;
        text-align:center;

}
#cap img {
        z-index:0;
}

#bajo {
        position:relative;
        background-color:#333;
        margin-top:200px;
border:1px #333  solid;
}

/*MENU PRINCIPAL*/

#menu{
        list-style-type:none;
        text-align:right;
        margin-left:40px;
        margin-top:45px;
        position:absolute;
        float:right;
        width:150px;
}

#menu li {
        margin:6px;
        padding:6px;

}

#menu li a{
        text-decoration:none;
        font-size:100%;
        font-weight:900;
        color:#fff;
        padding-top:4px;
        padding-right:0px;

}

#menu li a:hover {
        color:#000;
        background-color:#e6e6e6;
        font-size:1em;

}

#menu li.activo {
        font-size:1.4em;
        color:#fff;
        padding:5px;
        border-right: medium solid #fff;
        border-bottom: thin  solid #fff;

}

/*FIN MENU PRINCIPAL*/

/*MENU IDIOMA*/
#idioma {
        border-top:1px dotted #fff;
        list-style-type:none;
        text-decoration:none;
        bottom:15px;
        margin-left:40px;
        width:155px;
        float:right;
        position:absolute;
}

#idioma ul{
        margin:0;
        padding-top:0px;
        text-align:right;
}
#idioma ul li{

        padding:2px;
        padding-top:0;
        display:inline;

}

#idioma a {
        color:#fff;
        font-size:.9em;
        text-decoration:none;

}
#idioma a:hover {
        background:#fff;
        color:#000;

}

/*FIN MENU IDIOMA*/

#texto img {
        float:left;
        padding:0.3px;
        margin-right:1.3%;
        width:40%;
        height:40%;
        border: medium double gray;
}

#texto{
        padding:7px;
        background-color:#444;
        text-align: justify;

        color:#fff;
        margin-top:24px;
        margin-left:200px;
        width: 450px;
}

.clear{
        clear:both;
}
#pie{
        background:#333;
        text-align:right;
}