Solucionando errores en CSS (es decir, adaptando al puñetero explorer)

En la entrada anterior, exponía un problema de visualización que solo ocurría en el explorer. De sobra es conocido que interpreta las css a su bola y tal... pero bueno, creo que parte de la cagada era mia. Así pues, cerrar una etiqueta </div> a tiempo ha sido una batalla ganada (aunque en firefox, opera y safari, la cosa no cambie nada, pero bueno). Tengo que aprender a manejar mejor el cierre de etiquetas, pues veo que la herencia me las estoy pasando por el forro, y luego pasa lo que pasa.

Así pues, el estilo css queda practicamente igual, únicamente, he cerrado donde debía las capas, y todo ha quedado solucionado. No era problema de las CSS, pero me encabezone con ellas. Prometo repasar de nuevo el tema de las herencias muy a fondo.

Me despido, aunque preparando un mini artículo de como cargar copias de seguridad en la extinta sega saturn (también llamado "swap trick" en los foros anglosajones). He aprendido hace poco, y me ha permitido jugar a grandes clásicos... Os emplazo a la próxima entrada. (También prometo que cuando acabe los 14.562 proyectos que tengo pendientes, me meteré a fondo con el diseño de este blog. Pero mientras tanto, me voy a otros asuntos mientras escucho el "Hallowed by the name" de los eternos Maiden). Hasta otra!

Odiando Internet Explorer

Buenas de nuevo. Como podeis ver por el título, soy otro sufridor del manejo de las CSS que tiene Internet Explorer. Actualmente, estoy diseñando una página web para una pequeña empresa, y todo iría perfecto si no fuera por que el cabrón del explorer no muestra bien el margen del pie de página (firefox, opera, safari... ellos si lo muestran de manera correcta). Ni siquiera el Internet Explorer 7 beta 2, del cual dicen que implementa mejor las CSS 2. Así que estoy a la busqueda de la solución, y volveré a leerme los dos librillos que tengo. Pero..¡¡será cabrón!!

Para los interesados, aquí tengo la platilla css:



/*Base de la pagina */

body {
   
 
 font-family: times, times new roman, trebuchet ms;
 background-color: #FFFFFF;
 margin-top: 5px;

}

a:active {
    color: #E6E6FA;
}

a:link {
    color: #E5E5E5;
}
a:visited {
    color: #E6E6FA;
}
a:hover {
    color: #FF0000;
   
}


a.pie:link{

    color: #4D4D4D;
}

a.pie:visited{

    color: #000000;
}

a.pie:active{

    color: #FF0000;
}

a.pie:hover{

    color: #FF0000;
}


ul {
list-style-type: none

}

li.main {

    list-style-image: url(images/bullet.gif);

}

li.second {

    list-style-image: url(images/arrow.gif);

}


/*Distribucion*/

#pagina /* 740 x auto*/ {
   
    width: 740;
    height: auto;
   
}

#encabezado /*100% x 80 */{
    top: 5px;
    width: 100%;
    height: 80px;
   
}

#encabezado #titulo /*250 x auto*/{

    width: 250px;
    height: auto;
    text-align: left;
    display: block;
}

#enlaces /* 100% x auto */ {

/*    background-color:#FFF8D5;*/
/*    background-color:#FD0004;*/
    background-color:#000000;
    left: 5px;
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
}

#contenido /* 100% x auto */ {

    width: 100%;
    height:90%;

}

#columnaIz /*200 x auto */ {

    position: absolute;
    top:110px;
    left:8px;
    width:200px;
    height: auto;
    background-color:#4D4D4D;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left:5 px;
    padding-right:5 px;

}


#columnaCen /* 640 x auto */{
   
    position: absolute;
    top: 110px;
    left: 215px;
    width: 640px;
    height: auto;
    background-color:#E5E5E5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#piePagina /*100 x auto*/{

    margin-top: 500px;   
    margin-left: 2%;
    margin-right:2%;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #000;
    width: 95%;
   
    background-color:#E6E6FA;


}

Y el error: El pie de página, en explorer, se pone detrás de la capa #contenido, justo debajo del logo. En fins, cuando lo solucione, indicaré la respuesta. Es lo que tiene ser un novatillo en esto e intentar pasar de herramientas wysiwyg (utilizo bluefish).