No me funcionan las condicionales para IExplorer

paxarin · 7 May 2010, 23:33 · Solicitar retirada

He estado escribiendo una condicional para IE, ya que mi web se ve de maravilla con firefox pero no tambien con IE.
Pero no hay manera de que funcione y la verdad que no se por que.
Podeis hecharle un vistazo al html.

:arrow:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Lista de espera</title>
<meta name="description" content="Informacion sobre listas de espera sanitarias">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="estilos.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jslider.js"></script>
<script type="text/javascript" src="js/searchbox.js"></script>

<script type="text/javascript">
function mainmenu(){
// Oculto los submenus
$(" #nav ul ").css({display: "none"});
// Defino que submenus deben estar visibles cuando se pasa el mouse por encima
$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(300);
},function(){
$(this).find('ul:first').slideUp(300);
});
}
$(document).ready(function(){
mainmenu();
});
</script>

<script type="text/javascript">
$(function() {
$('.slider').jslider({
btnNext: ".next",
btnPrev: ".prev"

});

});
</script>
</head>
<body>
Espero que podais ayudarme

Foley · 9 May 2010, 01:45 · Solicitar retirada

Muéstranos la hoja de estilos ie.css ;)

El problema cuál es? No consigues que haga caso a lo que pones en la hoja o no te dá la impresión de directamente no la lee?

paxarin · 9 May 2010, 13:06 · Solicitar retirada

Foley escribió:Muéstranos la hoja de estilos ie.css ;)

El problema cuál es? No consigues que haga caso a lo que pones en la hoja o no te dá la impresión de directamente no la lee?

Pues que la hoja de estilos que cree para usarla con ie, no funciona ya que la pruebo desde la c arpeta local en el explorer y se bien.
La condicional que escribi fue esta.


la hoja de estilos. :arrow:
@charset "utf-8";
/*css document*/
body {
margin:0;
padding:0;
background-color:#71cd9d;
}
#contenedor{
width:980px;
margin-left:150px;
}
/*=======comienzo de la cabecera=========*/
.logotipo{
margin-top:3px;
margin-left:37px;
margin-bottom:-15px;
float:left;
}
#buscador{
margin-top:20px;
margin-right:10px;
float:right;
width:210px;
height:38px;
background:url(objetos/busqueda.jpg) no-repeat;
}
#buscador #s{
padding:0;
margin:10px 0 0px 20px;
border:0;
width:135px;
background:transparent;
font-family:verdana,arial,serif;
font-size:15px;
color:#daeae2;
float:left;
}
#buscador#lupa{
float:right;
margin:4px 15px 0 0;
width:31px;
height:37px;
}
/*=============navegacion========*/
* { padding:0px; margin:0px; }
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#333333;
}
#menu {
position:relative;
float:right;
background-image:url(objetos/nav_bg.png);
background-repeat:repeat-x;
height:30px;
width:980px;
margin:auto;
}
#nav {
list-style:none;
}
#nav li {
float:left;
background-image:url(objetos/nav_li_bg.png);
background-repeat:no-repeat;
background-position: right 50%;
}
#nav li a {
display:block;
padding:7px 10px;
text-decoration:none;
color:#CCCCCC;
font-weight:bold;
}
#nav li a:hover {
color:#FFFFFF;
}
/* Submenu */
#nav ul.submenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333;}
#nav ul.submenu li { float:none; background-image:url('none'); border-bottom:1px solid #999999; width:200px}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:url('none'); border-bottom:1px solid #999999; min-width:200px}

/*=====inicio galeria=========*/
#galeria {
clear:both;
position:relative;
width:980px;
margin-top:5px;
}

#prev {
position:absolute;
top:140px;
left:7px;
z-index:10;
border:0;
}

#next {
position:absolute;
top:140px;
left:938px;
z-index:10;
border:0;
}

.slider{
overflow:hidden;
position:relative;
z-index:1;
width:980px;
height:304px;
}
.slider img{
margin:0;
padding:0;
margin-top:20px;
}

.imagenesslider{
margin:0;
padding:0;
list-style:none;
}
/*=====fin de la cabecera=====*/

/*=====comienzo del cuerpo====*/
#cuerpo{
width:980px;
margin-top:-7px;
background:url(objetos/fondo-contenido.jpg)repeat-x;
background-color:#e1d30e;
overflow:hidden;
padding-bottom:25px;
}
#intro{
width:555px;
padding-top:30px;
float:left;
}

#intro h1{
padding:0;
margin:0;
color:black;
font-size:16px;
font-family:century gothic, verdana, arial;
width:521px;
background-color:#e2a11e;
margin-left:10px;
text-align:center;
letter-spacing:2px;
}
p.parrafo{
margin:0;
width:521px;
margin-left:10px;
background-color:#f3e950;
color:#040302;
font-size:14px;
font-family:century gothic, verdana, arial;
text-align:justify;
padding:10px 18px 10px 15px;
}
/*======inicio parte derecha===*/
#noticias {
width:415px;
height:380px;
background-color:#f4e650;
float:right;
margin-top:30px;
margin-right:10px;
}
#noticias #fecha {
float:left;
margin-left:10px;
margin-top:-1px;
background:url(objetos/calendario2.png) no-repeat;
width:158px;
height:158px;
margin-right:15px;
}

#noticias #fecha .mes{
margin:0;
padding:0;
font-family:tahoma, verdana, arial;
font-size:18px;
color:white;
margin-left:60px;
margin-top:30px;
}

#noticias #fecha .dia{
margin:0;
padding:0;
font-family:tahoma, verdana, arial;
font-size:72px;
color:black;
font-weight:bold;
text-align:center;
margin-top:20px;
}

#noticias h4{
margin-top:32px;
}
#noticias #noticias2{
margin-top:31px;
}

ul#listado a{
color:black;
text-decoration:none;
}
ul#listado a:hover{
color:green;
text-decoration:underline;
}
#noticias #ultimas{
margin-left:15px;
margin-top:59px;
}

ul#listado2 a{
color:black;
text-decoration:none;
}
ul#listado2 a:hover{
color:green;
text-decoration:underline;
}

ul#listado {
margin:0;
padding:0;
font-size:12px;
list-style:none;
}

ul#listado2 {
margin:0;
padding:0;
font-size:12px;
list-style:none;
}
/*============comienzo link===============*/
#footer {
width:100%;
background:url(objetos/cuerpo-pie.jpg)repeat-x;
background-color:#30a94c;
margin:0 auto;
overflow:hidden;
}

#footer #enlaces{
width:980px;
margin:0 auto;
}

#footer h3{
margin:0;
padding:0;
padding-top:15px;
margin-left:17px;
font-size:14px;
font-family:Georgia, verdana, arial, serif;
color:#e8eae9;
margin-right:15px;
}

#footer ul.listados{
margin:0;
padding:0;
list-style:none;
padding-left:33px;
padding-top:7px;
}

#footer ul.listados li{
margin:0;
padding:0;
font-size:13px;
font-family:Georgia, verdana, arial, serif;
color:#e8eae9;
}

#footer ul.listados li a{
color:#e8eae9;
text-decoration:none;
display:block;
}

#footer ul.listados li a:hover{
color:orange;
text-decoration:underline;
}

.separador{
display:block;
padding:5px 0 5px 0;
}

#interes{
float:left;
margin-left:20px;
}

#foros{
float:left;
margin-left:200px;
}

#amigas{
float:right;
margin-right:20px;
}
/*========================final link============*/

#pie{
width:980px;
background:url(objetos/imagen-pie.png) no-repeat;
background-color:#30a94c;
margin:0 auto;
margin-top:10px;

}

#contenedorfooterpie{
width:980px;
padding-top:10px;
}

.lineafooter{
color:yellow;
width:950px;
}

ul#footerpie{
list-style:none;
margin:0;
padding:0;
text-align:center;
margin-top:15px;
}

ul#footerpie li{
font-family:verdana, arial, serif;
font-size:14px;
color:white;
display:inline;
}
ul#footerpie li a {
color:white;
text-decoration:none;
}

ul#footerpie li a:hover {
color:yellow;
}

ul#footerpie li span {
padding:0 20px 0 20px;
}

.facebook {
position:absolute;
border:0;
margin-left:910px;
margin-top:-46px;
}

.copyright{
margin:0;
padding:0;
text-align:center;
font-family:verdana, arial, serif;
font-size:11px;
color:white;
padding-top:8px;
padding-bottom:12px;
}

p.w3c {
margin:0;
padding:0;
margin-left:400px;
}

Estoy barajando si no la posibilidad de crear dentro de la hoja de estilos general, crear unas lineas para que solo las lea ie. Lo unico que tengo que investigar un poco.
La verdad que es una pena que no funcione esta condicional, ya que en firefox por ejemplo se ve vastante bien.
UN saludo