Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/01/2010, 11:48
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses
Puntos: 269
Respuesta: problema con el div que no mantiene su posicion

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&iacute;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!