cito="
mi consulta es. al momento de colocar la condicional con el css, se puede colocar despues de la condicion la etiqueta css ?. es correcto asi ?."
Copia y pega el siguiente codigo y guardalo como "cualquier_nombre.html" verás que a través del uso de comentarios condicionales se crea código solo para IE.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
p{
color:black;
margin:100px;
}
</style>
<!--[if IE]>
<style type="text/css">
p{
color:red;
margin:0;
}
</style>
<![endif]-->
</head>
<body>
<p>solo se verá rojo en Internet Explorer</p>
<!--[if IE]>
<a href="/">Este enlace solo se verá en ie</a>
<![endif]-->
</body>
</html>
Es mejor que utilizes comentarios condicionales a que uses hacks, pues de esta forma generas codigo exclusivo para ie y tus hojas de estilos estarán limpias.
Cito="...
he colocado esta condicion del enlace que coloco usted (usted? ) cristian_cena.
ul#navmenu-h {
margin: 0;
border: 0 none;
[if IE 5.0] padding: 22px 16px;
width: 580px; /*For KHTML*/
list-style: none;
height: 15px;
z-index:5;
}
... "
Pues, hazlo así:
ul#navmenu-h {
margin: 0;
border: 0 none;
padding: 22px 16px;
width: 580px;
list-style: none;
height: 15px;
z-index:5;
}
Y luego incorporas el cc:
<!--[if IE]> /*si quieres puedes buscar por versión de IE, fíjate en el enlace que te pasé*/
ul#navmenu-h {
padding: /*los valores que tu quieras*/;
}
<![endif]-->
Sugerencia: Diseña para firefrox, y luego utiliza los comentarios condicionales para igualar tu diseño en IE
Saludos!