Cita:
Iniciado por Triby
Ups! definitivamente, vuelve a ponerlo con 6 en vez de 7 y muestranos como queda. Seguramente algun otro estilo dentro de la pagina esta afectando la presentacion del menu, porque viendo el que hizo Mikmoro funciona en cualquier navegador.
Hola Triby, mira mi hoja de estilos al completo:
Código css:
Ver originalbody {
text-align: center ;
}
/* Propiedades de la cabecera */
#cabecera {
background-color: #41A6C2 ;
margin-bottom: 5px;
border: 5px 91F0FF solid;
}
/* Propiedades del contenido */
#contenido {
width: 1024px ;
margin: 0 auto 0 auto ;
background-color: #666666 ;
border:5px solid #052B02 ;
}
/* Propiedades del sidebar-derecho */
#sidebar-izquierda {
background-color:#33FF00;
border:5px solid #2D2D2D;
float:left;
margin:3px;
padding:5px;
width:115px;
}
/* Propiedades del sidebar-izquierda */
#sidebar-derecha {
border:5px solid #2D2D2D;
width: 115px ;
float: right ;
margin: 3px ;
padding: 5px ;
background-color: #33ff00;
}
/* Propiedades del centro */
#centro {
border:5px solid #2D2D2D ;
width: 702px ;
background-color: #91F0FF ;
float: left ;
text-align: left;
margin-left: 15px ;
margin-right: 15px ;
margin-bottom: 15px;
}
#centro p {
margin-left: 10px;
margin-right: 5px;
}
#centro h1 {
margin-top: 10px ;
font-size: 24px ;
text-align: center ;
color: Navy ;
}
#centro h2 {
font-size: 20px ;
text-align: center ;
color: Green ;
}
#centro h3 {
margin-left: 15px ;
font-size: 16px ;
text-align: left ;
color: Blue ;
}
#centro p {
color: #990000 ;
}
/* Propiedades del pie */
#footer {
background-color : #33ff00 ;
clear : both;
font-style : italic;
text-align : center;
width : 1024px ;
}
/* Propiedades del menú */
#menu { text-align: center;
font-size: 0.7em;
width: 820px;
margin: 20px auto;
position: relative;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 150px;
margin-right: 2px;
position: relative;
}
#menu ul li { float: left;}
#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #399;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
border-bottom: solid 1px #6CC;
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;width: 716px;border: solid 1px #fff;border-top: none;background-color: #6CC;
}
#menu ul li ul li a {width: 140px;
padding: 6px 0px 8px 0px;
border: none;
background-color: #6CC;
}
#menu ul li ul li a:hover {
position: relative;
text-decoration: underline;
border-bottom: none;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: 0px;}
ul.dos {left: -152px;}
ul.tres {left: -304px;}
ul.cuatro {left: -456px;}
ul.cinco {left: -608px;}
/*Enlaces en general (exeptuando los de las sidebar*/
#centro a:link {
color: red ;
text-decoration: underline
}
#centro a:hover {
background-color: #ffcc00 ;
font-style: italic ;
}
#centro a:visited {
color: #ff3333 ;
text-decoration: none ;
}
Cita:
Iniciado por Newbie001 cual es el problema con IE que tuviste que hacer todas esas chanchadas? estoy seguro que se puede arreglar de una forma mas simple
Si la sabes didla ;).
Saludos