Hola,
En w3.org me sale este error:
La propiedad width no existe en el medio screen..
No entiendo, no se puede usar width en @media??? Si no se puede como pongo el ancho??
Tengo este codigo
Código:
@media screen and (min-width: 1023px){
#menu {float:left; width:756px; margin:0; padding:0 5px 0 5px;}
#menu ul {list-style:none; margin:0; padding:0; width:150.2px; float:left;}
#menu ul ul .level3{width:355px;}
#menu ul ul .level4{width:200px;}
#menu ul ul .level5{width:240px;}
#menu ul ul .level6{width:150px;}
#menu p {display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb; margin:0;
padding:2px 3px; color:#000099; text-align:center;background:url("background5.gif");
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
#menu ul ul .level2{display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb;
margin:0; color:#000099; background:#FFFFFF; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; font-weight:bold; padding-left:1px; padding-top:3px; padding-bottom:3px; text-decoration:none; width:200px;}
#menu a.links{display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb; margin:0;
color:#000099; background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
padding-left:1px; padding-top:3px; padding-bottom:3px; text-decoration:none;}
#menu ul ul .level2:hover {color:#000099; background:#FFFF66;}
#menu a.links:hover {color:#000099; background:#FFFF99;}
#menu a.topmenu{text-decoration:none;}
#menu a.topmenu:hover {color:#000099; text-decoration:none;}
#menu li:hover {position:relative; z-index:500;}
#menu ul ul {position:absolute;}
#menu ul ul ul {top:-1px; left: 100%;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;} }
Gracias