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:
Gracias @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;} }