Buenas, he cometido el eterno fallo de ir haciendo una web comprobandola solo con firefox, y claro, al verla con IE se ha ido todo a la mierda, el caso es que mirando bien el descuadre, lo que ocurre es que no llega al CSS o bien no lo interpreta.
Decir que la web es para un trabajo de clase de php, nada profesional ni nada.
Esta es la sentencia que llama al css
<head>
<title>Game Ware</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
codigo del css
/* Este es el DIV contenedor */
#wrap {
margin:0px auto 0px auto;
width:960px;
background-color:#ffffff;
height:100%;
text-align:left;
top:0px;
font-family: verdana;
font-size: 11px;
}
/* Este es el estilo del menu de ayuda */
#ayuda {
margin:auto 0px auto 0px;
background-color: #ffffff;
width:100%;
text-align:right;"
}
/* Este es el estilo del logo */
#logo {
margin:auto 0px auto 0px;
background-color: #ffffff;
width:150px;text-align:left;
float:left;
}
/* Este es el estilo del banner */
#banner {
margin:auto 0px auto 0px;
background-color: #ffffff;
width:810px;height:124px;
padding-left:150px;
}
/* Este es el estilo del menu */
#menu {
margin:auto 0px auto 0px;
text-align:center;
width:960px;
height: 27px;
background-color:#ad1414;
border-top:1px solid #ad1414;
border-bottom:1px solid #ad1414;
}
#navigation-1 {
padding:2px 184px;
margin:0px 0px 0px 0px ;
list-style:none;
width:592px;
height:21px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
margin:0;
padding:0;
display:block;
float:left;
position:relative;
width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#ad1414;
color:#ffffff;
width:148px;
height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#ec454e;
color:#ffffff;
width:146px;
height:13px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
margin:0;
padding:1px 1px 0;
list-style:none;
display:none;
background:#ffffff;
width:146px;
position:absolute;
top:21px;
left:-1px;
border:1px solid #ad1414;
border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
display:block;
}
#navigation-1 li ul.navigation-2 li {
width:146px;
clear:left;
width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
clear:left;
background:#ad1414;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
clear:left;
background:#ec454e;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #ffffff;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
display:none;
margin:0;
padding:0;
list-style:none;
position:absolute;
left:145px;
top:-2px;
padding:1px 1px 0 1px;
border:1px solid #ad1414;
border-left:1px solid #ad1414;
background:#ffffff;
z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#ad1414;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#ec454e;
}
#navigation-1 li ul.navigation-2 li a span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#ffffff;
}
/* Este es el estilo del banner de ofertas */
#ofertas {
margin:auto 0px auto 0px;
background-color: #ffffff;
width:100%;
}
/* Este es el estilo de la zona izquierda */
#izquierdo {
float:left;
width:170px;
margin:20px 0px;
}
/* Este es el estilo de la zona derecha */
#derecha {
float:left;
margin:9px 0px auto 10px;
background-color: #ffffff;
width:148px;
}
/* Este es el estilo de la zona central */
#centraltop {
float:left;
margin:20px 0px auto 10px;
background-color: #ffffff;
width:620px;
}
#central {
background-color: #ffffff;
width:618px;
border: 1px solid #ad1414;
}
/* Este es el estilo de la zona form */
#form {
float:left;
margin:auto 0px auto 0px;
width:168px;
background:#555555;
border: 1px solid #ad1414;
}
/* links */
a { text-decoration:none;color:#000000; }
a:link { text-decoration:none;color:#000000; }
a:visited { text-decoration:none;color:#000000; }
a:active { text-decoration:none;color:#000000; }
a:hover { text-decoration:none;color:#000000; }
direccion
Si lo comprobais comprobaréis que en firefox va bien y en IE no.
Si alguien me sabe decir por qué, muchas gracias!
