diferentes hojas de estilo

originalconcept · #1 (**permalink**) 01/09/2008, 09:20

Hola, gracias a todos por este maravilloso lugar.

Como se hace para tener 2 hojas de estilo diferente, cuando alguien la vea ala pagina por IE s carge esa y otros por Firefox esa.

Uso wordpress, que es lo que tengo que hacer?

abrazos

DragonX · #2 (**permalink**) 01/09/2008, 09:43

Cargas tu hoja de estilos común a todos de esta manera:

Cita:

Y la condición dentro del HEAD

Cita:

Y listo!

originalconcept · #3 (**permalink**) 01/09/2008, 10:10

DragonX, gracias por responder tan rapido.

Pregunta, en donde tengo que poner esto, soy medio lelo, no entedi: <link rel="stylesheet" href="layout.css" type="text/css">

tengo que ahcer 2 copisa del .css?

DragonX · #4 (**permalink**) 01/09/2008, 11:30

ese código va dentro del tag <head>.....</head>

Código HTML:

<head>
<title>titulo de tu site</title>
<meta name="description" content="descripcion del site">
<meta name="keywords" content="palabras claves">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="tus_estilos.css" type="text/css">
<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->
</head>

Y no, no debes crear dos hojas de estilo diferentes, simplemente en la hoja de estilos para explorer modificas lo que quieras, por ejemplo:

Quiero que un border en explorer sea rojo, y en los demas browsers negros, ok haría esto.

Hojas de estilos común a todos:

Cita:

#tu_div{
border:1px solid #000;
margin:0 auto;
}

En tu hojas de estilo para explorer:

Cita:

#tu_div{
border-color:#f00;
}

Como verás solo se mencionan las propiedades que desees modificar para explorer.

Espero haber sido más claro.

originalconcept · #5 (**permalink**) 01/09/2008, 13:20

Gracias, mas claro imposible!!!

Abrazooooo

DragonX · #6 (**permalink**) 01/09/2008, 13:46

Cualquier cosa, por aca estamos!

un abrazo

Kikyo94 · #7 (**permalink**) 27/10/2011, 20:05

Hola me ha servido mucho la información pero quisiera preguntarles si se puede hacer algo parecido para adaptar una web a resoluciones de pantalla altas. Un ejemplo si el usuario utiliza una resolución de 1280x1024, lograr que se cargue una segunda hoja de estilos pero con algunos valores cambiados como el tamaño de la fuentes o los margenes, si podrían explicarme se los agradecería mucho jeje. Soy algo nueva en esto jeje gracias de ante mano.