Comunidad de diseño web y desarrollo en internet online

Problemas con <!--[if gte IE6.0000]> y mas...

Citar            
MensajeEscrito el 05 Mar 2007 05:25 am
Buenas... bueno apartir de enero de este año e estado trabajando en aprender CSS y segun creo avance bastante pero todavia soy un novatillo :P

Despues de pasar los primeros problemas con tamaños y bordes y fondos, posicionamientos y el vendito float! :P


Aparecio el de los navegadores! que en IE esta aca que en FF esta alla :twisted:


Entonces una ves mas recurri al magico codigo de Cristalab... descrubriendo que puedo hacer dos css uno para IE y otro para FF. Y dije joya! esta es mi solucion mi trabajo se corta aqui y podre descubrir nuevas cosas. No. Microsoft saca IE 7.0, que lee el CSS parecido a FF, pero para nada parecido con su hermanastro IE 6.0.

Aqui mi problema (aunque un poco extraño):
http://multitra.iplan-nt4.toservers.com/spa/index.php


En IE7.0 toma el CSS que deberia ser para 6.0. y en IE6.0 no mosque nada :S.


Principalmente los cambios con FF es que el #menu1 esta corrido para arriba 50px (solo a manera de prueba ya que en IE6.0 se ve muy abajo el menu) y ajustes de los tamaños de #izq y #centro, que segun creo es lo qeu hace lo que pasa en IE6.0 (queda uno arriba del otro pero cruzados)


Bueno disculpen si hablo de mas :P

Supuestamente en FF se ve perfecto, y en IE 7.0 tambien hasta que agregue

Código :

<!--[if gte IE 6.0000]>
   <link href="../CSS/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->


(tambien puse 5.5000 pero quice probar con 6.0000 haber si tomaba pero no :S)


Y eso... desde ya agradesco cualquier tipo de ayuda que me puedan dar ^^.


Salutes

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 05 Mar 2007 10:12 am

Código :

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->


Te juro que nunca había visto que se le pusiera 6.xxxx. No se si lo que haces esta bien o mal, pero si te puedo decir que lo que te deje arriba si sirve, toma todas las versiones anteriores a IE7. ;)

Por RattaMono

Claber

1863 de clabLevel

12 tutoriales

Genero:Masculino  

Cauroshigo Pirinola

firefox
Citar            
MensajeEscrito el 05 Mar 2007 12:54 pm
joya :D


Gracias rattamono.. sabia que habia algo asi pero estube buscando y no lo encontre el "lt" :D


Gracias, y luego dire mi progreso... :D


EDIT: bueno mi problema anterior quedo solucionado :D

Pero, no entiendo porque no puedo subir el #menu1 con position: relative; y top:-40px;

:S, se que el position no es la mejor manera de arreglar las cosas pero me parecio la mas sencilla... total estoy haciendo esto solo para el IE menor al 7.


Porfavor alguien le podria echar un vistazo al codigo :( , gracias. Igualmente voy a seguir viendo donde esta errado y que no me deja subir ese hermoso :twisted: menu1

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 05 Mar 2007 02:35 pm

RattaMono escribió:

Código :

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->


Te juro que nunca había visto que se le pusiera 6.xxxx. No se si lo que haces esta bien o mal, pero si te puedo decir que lo que te deje arriba si sirve, toma todas las versiones anteriores a IE7. ;)


Si es posible, es para filtrar una versión en especifico. Por otro lado, busca más info sobre los condicionales, tienen mucho potencial si sabes usarlos.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 05 Mar 2007 09:57 pm
bueno realmente ya nose con que intentar subir el #menu1, :S

hay algo que pueda hacer que quede mas arriba ese vendito #menu1 :@ ??

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 06 Mar 2007 02:51 pm
El principal problema está en que usas un estupido div como espaciador, y eso no se hace. Deja de usarlos y verás cómo puedes posicionar tu menu1 donde quieras.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 06 Mar 2007 04:02 pm
entonces como hago para qeu el menu quede en la parte de abajo de todo del div??? :?


osea... predeterminadamente los textos quedan arriba del div... pero nose como hacer para bajarlos.... :(

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 06 Mar 2007 08:50 pm
Investiga y aprende! Busca sobre posiciones relativas y absolutas, existe bottom:0;

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 06 Mar 2007 10:41 pm
No te preocupes que estube y estoy investigando y aprendiendo muchisimo.... hace un mes no sabia que era .css, y lo de posiciones relativas y absolutas lo estube invetigando pero muchos me dijeron que intente de no usarlas... asi qeu me resigne y lo deje a un costado pero bueno ahora veremos de tomarlo devuelta....


Saludos y gracias

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 07 Mar 2007 04:39 am
Los que dicen que las posiciones absolutas y relativas no sirven o son malas, es porque no conocen de su potencial. Si uno quiere hacer un sitio profesional con css, debe conocer de todo y saber cuando y cuando no usar alguna propiedad.

Para maquetar se pueden usar floats, y positions. El resto es solo creatividad, estas herramientas bien usadas pueden crear maravillas.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 07 Mar 2007 05:59 pm
ya arregle todos los problemas de estructuramiento :D

saque el div de espacio y el menu1 los estire en altura, despues con position: relative; y top:82px; los solucione.... primero intente con bottom:0px; pero no me dio ni bola... asi que se lo hice del otro lado....


Neo, conoces algun navegador que te tenga los motores de todos?? como para ver como queda en todos los navegadores...

supungo que tienee que haber algo que tenga 5 solapas con IE6 IE7 FF Opera y alguno que otro mas...

Bueno muchas gracias neo, supongo que ya hablaremos devuelta ^^

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox
Citar            
MensajeEscrito el 07 Mar 2007 09:27 pm
No hay un navegador que tenga todos los motores. Pero puedes correr varias versiones de IE al mismo tiempo, y los de siempre, firefox, opera.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 08 Mar 2007 02:09 pm
Gracias neojp ^^

Por Jinglero

27 de clabLevel



Genero:Masculino  

Developer | Project

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.