Foros del Web - Ver Mensaje Individual

AlbertoGarcia · #6 (**permalink**) 01/06/2009, 10:32

Sí la hay, de esta forma:

Código HTML:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<![endif]-->

Más info aquí.

Y respecto del problema de ^engonga^ me he vuelto loco con tu archivo. tienes muchos problemas de sintaxis: declaraciones sin cerrar, etiquetas sin cerrar, tablas anidadas, etc. Así que me ha resultado más rápido montarte esto para que veas la diferencia de trabajar con un archivo bien estructurado y con código semántico:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="generator"
        content="HTML Tidy, see www.w3.org" />
        <meta http-equiv="Content-type"
        content="text/html; charset=utf-8" />

        <title>Prueba</title>
<style type="text/css" media="screen">
        <!--
        * {
            padding: 0;
            margin: 0;
        }
        
        body {
            font: 90% "Times New Roman", Times, serif;
            background-color: #E3E3AF;
        } 
        
        /* ESTRUCTURA PRINCIPAL */
        #contenedor {
            width: 960px;
            margin: 5% auto;
            overflow: hidden;
            background-color: #989933;
            padding-bottom: 10px;
        }
        
        #col_der {
            float: right;
        }
        
        #col_izq {
            float: left;
        }
        
        /* COL IZQUIERDA */
        .seccio_esquerra {
            width: 280px;
            height: 140px;
            margin-top: 10px;
            margin-left: 10px;
            background-color: #fff;
        }
        
        .seccio_esquerra h2 {
            width: 200px;
            padding-left: 10px;
            padding-top: 10px;
        }
        
        .seccio_esquerra a {
            color: #989933;
            font-size: 1.4em;
            text-decoration: none;
        }
        
        .seccio_esquerra a:hover {
            color: #E3E3AF;
        }
        
        /* COL DERECHA */
        #slideshow {
            background-color: lightgrey;
            height: 440px;
            width: 650px;
            margin-top: 10px;
            margin-right: 10px;
        }
        
        #oferta {
            float: left;
            width: 560px;
            height: 60px;
            background-color: #E3E3AF;
            padding: 20px;
            margin-left: 25px;
            margin-top: 320px;
        }
        
        #oferta h3 {
            font-size: 2em;
        }
        -->
        
</style>
<!--[if IE 6]>
    <style>
    #oferta {
    margin-left: 12px;
    }
    </style>
<![endif]-->
    </head>

    <body>
        <div id="contenedor">
            <div id="col_izq">
                <div class="seccio_esquerra">
                    <h2><a href="#">Gastronom&iacute;a
                    Aranesa</a></h2>
                </div>

                <div class="seccio_esquerra">
                    <h2><a href="#">Naturaleza</a></h2>
                </div>

                <div class="seccio_esquerra">
                    <h2><a href="#">Deportes de aventura</a></h2>
                </div>
            </div>

            <div id="col_der">
                <div id="slideshow">
                    <div id="oferta">
                        <h3>oferta fin de semana</h3>

                        <p>2 noches MP + circuito spa (termas de
                        les) por s&oacute;lo 110&euro;/persona. <a
                        href="#">m&aacute;s
                        informaci&oacute;n</a></p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

Sólo te he montado la parte donde tienes las imágenes y el css se lo he incorporado. Tú puedes ponerlo en un archivo aparte. No es aconsejable de todos modos maquetar de esta forma tan rígida, estableciendo medidas absolutas y definiendo alturas de elementos, por accesibilidad, pero para empezar está bien.

El problema que tenias con la transparencia de la pastilla era simplemente por que no tenía cerrad la declaración en el css.

Te aconsejo te hagas este manual, se hace bastante rápido y está todo muy clarito.

Bueno, Salud! y espero que te sirva de guía.