Hola a [EMAIL PROTECTED],

He modificado el código de una Web que estoy realizando y me encuentro 
con un problema que no le encuentro solución. El diseño consta de una 
zona lateral donde va el menú vertical, formulario de acceso a zona 
privada e imágenes y el resto donde se muestran los contenidos. El caso 
es que el contenido lateral lo tenía todo metido en una capa que flotaba 
a la izquierda y tras el consejo de alguno de los listeros opté por 
sacar el menú de esa capa para poder e un futuro hacerlo horizontal o 
posicionarlo en otro lugar. El caso es que he sacado el menú y lo he 
flotado a la derecha, los componentes que se situan debajo del menú 
también los floté a la derecha y a estos les añadí clear:left. Hasta 
aquí todo bien.

El problema lo tengo ahora con la zona de contenidos. Este contenido 
lleva una especie de ficha de información de pisos hechos con <ul> de la 
siguiente manera:
        <ul class="listados">
        <li class="datos"><img src="imagenes/piso1.jpg" alt="Imagen del 
piso1" />
                    <h3 class="cablista"><a href="#nogo">Título del piso 
número 1</a></h3>
                    <p class="caracteristicas">Aquí van las 
características del inmueble</p>
           
            <ul class="funciones">
                <li class="precio"><div>850&euro; / mes</div></li>
                <li class="reservar"><a href="#nogo">Reservar</a></li>
                <li class="masinfo"><a href="#nogo">M&aacute;s 
informaci&oacute;n</a></li>
            </ul>
           
        </li>
    </ul>

La imágen que está dentro del primer <li> lo tengo flotado a la 
izquierda y en Internet Explorer se ve bien pero en Firefox se me 
descompone la presentación pero  SOLO LOS DOS PRIMEROS..

ul.listados {
    margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none; 
border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
     border-right:1px #E6E4D5 solid;  border-bottom:1px #E6E4D5 solid; 
background-color:#FFF8D9; height:6.25em;
     position:relative; display:block;
}

ul.listados {
    background-color:#FFF8D9;
}

ul.listados li{
    margin:0; padding:0; border:0; display:inline;
}

.listados li img {
    margin:0 1em 0 0; padding:0; border:0; float:left;
}

h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
    color:#000; text-decoration:none;
}

h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
    color:#AC2E17;
}

p.caracteristicas {
    margin:0; font-size:0.75em; padding:0 0 2.63em 0;
}

ul.funciones {
    position:absolute; bottom:2.10em; left:6.81em;
}

ul.funciones li {
    display:block; position:absolute; top:0;
}

li.precio {
    border:0; padding:0; margin:0; left:0; width:5.70em;
}

li.precio div {
    padding:4px; background-color:#FFF; color:#C0321A; border:1px 
#C0321A solid; font-weight:bold; margin:0;  font-size:0.80em;
    text-align:center;
}

li.reservar a, li.masinfo a {
     background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px; 
padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
}

li.reservar {
    left:8em; color:#C0321A; top:0;
}

li.masinfo {
    left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
}


Un saludo y gracias por la ayuda
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a