If para IE y else FIREFOX

piskui · #1 (**permalink**) 15/12/2008, 02:35

Hola, tengo una web en aSP que en Internet Explorer se ve bien pero en Firefox se descuadran cosas. quisiera saber como podría hacer un if para IE que si el navegadores es IE haga eso y si es otro (firefox principalmente) haga otra cosa, y asi poder tener los 2 diseños cuadrados.
He probado con:
<!--[if IE]>
<li style="display:inline;"><a href="h.....

pero me lo pone como comentario el codigo ASP posterior y no se ejecuta correctamente.

y si lo pongo con ASP, del tipo:

<%if IE then %>
<li style="display:inline;"><a href=....

no me reconoce la variable IE

alguna ayuda? o codigo de ejemplo? gracias!!

piskui · #2 (**permalink**) 15/12/2008, 03:28

lo consegui con este codigo:

Código PHP:

  <%dim nav : nav = Request.ServerVariables("HTTP_USER_AGENT") 

if instr(nav,"MSIE") then %>

codigo IE

<%else%>

codigo otros navegadores

<%end if%>

mi duda es....porque debo duplicar el codigo para 2 navegadores? no deberían cojer el codigo e interpretarlo de igual forma?

Adler · #3 (**permalink**) 15/12/2008, 05:35

Hola

Espero que no tengas que hacer toda la web de esa manera. Un truco, IE se traga todo lo que le des, así que podrías usar CSS con "_" guión bajo para IE

Un ejemplo

Código css:

Ver original.ejemplo {
color: red; /*Firefox*/
_color: black; /*IE*/
}

Suerte

JuanRAPerez · #4 (**permalink**) 15/12/2008, 08:39

pues hay muchas cosas que la gente trata de hacer

te comento que esto de diseño es medio cañón.

como dice el buen maestro Alder existe esa forma de hacerlo y asi evitar tener que hacer dos css, solo adicionas un par de lineas mas a tu css.

Cita:

height: 15px; /*Firefox*/
#height: 20px; /*IE*/
_height: 25px; /*IE6*/

ie6 e ie7 numeral y guión bajo....
es el que mas funciona, pero creo que podrias darte una vuelta por el foro de CSS para una mejor referencia.

uno de los programas mejores para poder editar css on fly es este:
http://litmusapp.com/labs

te muestra tanto explorer como firefox para que lo corrijas en el acto.

suerte

Muzztein · #5 (**permalink**) 15/12/2008, 08:45

uh! buenisimo.
voy a probar este software

rb3m · #6 (**permalink**) 15/12/2008, 14:12

Yo te recomendaría que no uses hacks para IE. Terminas con código de lo más inmanejable y sucio.

Tu problema principal es que estás usando css en la línea: <li style="bla bla"> en vez de hacer tus hojas de mantener tus hojas de estilo separadas.

Es mucho más fácil hacer:

<head>
...
<link rel="stylesheet" href="estilosparatodos.css" type="text/css" />

<head>

y seguro que te funciona. Las ventajas es que mantienes todo tu código bien separado, se hace el matenimiento más fácil y cuando llegue una nueva versión de IE que no sea compatible con los hacks que hiciste para IE6 (como ocurrió cuando salió IE7) puedes fácilmente añadir:



Y ya está. Claro, asp lo ve como comentario pero igual lo manda y es el navegador el que lo interpreta.