[HTML/JS] Besoin d'aide xhtml/css : probleme avec IE

Besoin d'aide xhtml/css : probleme avec IE [HTML/JS] - HTML/CSS - Programmation

Marsh Posté le 21-08-2003 à 09:05:20    

Bonjour,
 
Voila je me decide enfin/seulement à mettre au xhtml/css donc tout avec des calques et tout le tintoin  :D  
Bon ca va il n'y a pas trop de probleme, j'ai fait une première page valide au w3c xhtml1.1 et css2 qui passe trés bien sous mozilla mais top top sous IE et je ne vois pas pkoi et c'est pour cela que je vous demande de l'aide.
Regardez :  
http://www.phive-online.com/divers/css/mon.html
http://www.phive-online.com/divers/css/mon.css
 
Tentez avec un vrai nav puis avec IE. vous voyez le lien "le w3c" il est completement decalé sous IE. Dites moi ce qui ne va pas.
Et si vous avez d'autre conseil pour que ce soit encore mieux n'hesiter pas :)
 
Euh encore un truc j'essaie de gerer aussi une transparence kelke soit le navigateur. J'ai plusieur solutions :
-UN fond en png transparent qui marche bien sur Moz par exemple
- Un filtre propre pour IE  
- Un gif de 4 pixel dont 2 transparent (y a un exemple sur la page)
les 3 marches plus ou moins et donc j'arrive a avoir une transparence avec n'importe quel navigateur mais si vous avez d'autre exemple je suis preneur :)
 
Merci

Reply

Marsh Posté le 21-08-2003 à 09:05:20   

Reply

Marsh Posté le 21-08-2003 à 09:37:17    

Pour le coup du filtre pour IE pour le PNG transparent tu peux rendre ça "invisible" dans ton code en ajoutant une ligne à ta CSS pointant vers un fichier externe que seul IE ira lire :  
http://webfx.eae.net/dhtml/pngbeha [...] avior.html


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-08-2003 à 09:50:12    

Merci monsieur AntpNG ;)
 
Mais de toute facon si je mets ca dans ma css :  
background-image: url(fond.png);
filter:Alpha(opacity=80, style=0); /*pour IE :( la belle daube */
 
ou fond.png est transparent, ie ne prendra pas le png mais bien son filtre donc ca passe qd meme. Il ne vois pas le png et du coté de moz comme ce filtre n'est pas reconnu, il prend pas le png...c'est presque le reve :D


Message édité par Phive le 21-08-2003 à 10:30:22
Reply

Marsh Posté le 21-08-2003 à 10:37:39    

antp a écrit :

Pour le coup du filtre pour IE pour le PNG transparent tu peux rendre ça "invisible" dans ton code en ajoutant une ligne à ta CSS pointant vers un fichier externe que seul IE ira lire :  
http://webfx.eae.net/dhtml/pngbeha [...] avior.html


Je viens de regarder et essayer de mettre en oeuvre ce qu'ils disent sur cette page mais je n'y arrive pas .
J'ai tjs pas de transparance de mon png sous IE.
 
background-image: url(fond.png);
behavior: url("pngbehavior.htc" );
 
j'ai mis ca dans ma css et dans le fichier pngbehavior.htc j'ia changé le nom de l'image
 
Par contre dans leur exemple c pour une image integré avec la balise img et moi c'est image en fond. Comment faire cela ?
 
Sinon as tu des conseils pour améliorer ma css  ? et d'ou peut provenir le decalage de mon lien "le w3c" sous IE ?


Message édité par Phive le 21-08-2003 à 10:38:13
Reply

Marsh Posté le 21-08-2003 à 13:40:59    

ha ouais, juste, c'est pour le <img> :/
bah pour le reste je sais pas, j'ai pas vraiment le temps de voir la chose là :/


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-08-2003 à 13:44:57    

antp a écrit :

ha ouais, juste, c'est pour le <img> :/
bah pour le reste je sais pas, j'ai pas vraiment le temps de voir la chose là :/


 
Ouais bah c'est grave ;) je garder ma solution en attendant d'en trouver une autre qui gere le mieux la transparence. Mais c'est vrai que c'est vraiment pas mal pour les images [:powa]  
en tout  cas merci pour ton aide ;)
 :hello:  
si d'autre personne veulent regarder la css et me dire ce qui ne va pas. Marchiii

Reply

Marsh Posté le 22-08-2003 à 15:49:30    

Antp le seul qui maitrise le xhtml/css sur ce forum....
noooon spa possible  :ouch:  
 
 :D

Reply

Marsh Posté le 22-08-2003 à 16:06:23    

Reply

Marsh Posté le 22-08-2003 à 17:04:23    


 
ouaich c'est la que j'ai appris d'ailleurs ;)
 
en fait c juste ke ca donne pas pareil sous IE et sous Moz (decalage du lien "lew3c" ) et ke je voulais savoir d'ou cela venait. de kel attribut ou peut etre par rapport a koi le nav prend les dimensions. M'enfin spa trop grave encore
merci  :hello:

Reply

Marsh Posté le 23-08-2003 à 12:11:46    

Phive a écrit :

Tentez avec un vrai nav puis avec IE. vous voyez le lien "le w3c" il est completement decalé sous IE. Dites moi ce qui ne va pas.
Et si vous avez d'autre conseil pour que ce soit encore mieux n'hesiter pas :)


Pourquoi tu mets ton lien W3C en flottant à gauche si c'est pour le mettre en bas à droite ?
 
Utilise le positionnement absolu puisque tu es déjà dans une boîte positionnée :
 

#lien {
 position: absolute;
 right: 10px;
 bottom: 10px;
 padding: 2px 0px 0px 5px; /* haut  droite bas gauche*/
 width: 60px;
...
}


 
Sinon attention IE6 n'est pas en mode standard à cause du prologue XML que tu as placé au début.
Soit tu vires le prologue, soit tu appliques le hack de Tantek Çelik (que de toute façon il faut appliquer pour IE 5.x) http://www.tantek.com/CSS/Examples/boxmodelhack.html


Message édité par gm_superstar le 23-08-2003 à 12:12:08

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 23-08-2003 à 12:11:46   

Reply

Marsh Posté le 25-08-2003 à 19:49:13    

gm_superstar a écrit :


Pourquoi tu mets ton lien W3C en flottant à gauche si c'est pour le mettre en bas à droite ?
 
Utilise le positionnement absolu puisque tu es déjà dans une boîte positionnée :
 

#lien {
 position: absolute;
 right: 10px;
 bottom: 10px;
 padding: 2px 0px 0px 5px; /* haut  droite bas gauche*/
 width: 60px;
...
}


 
Sinon attention IE6 n'est pas en mode standard à cause du prologue XML que tu as placé au début.
Soit tu vires le prologue, soit tu appliques le hack de Tantek Çelik (que de toute façon il faut appliquer pour IE 5.x) http://www.tantek.com/CSS/Examples/boxmodelhack.html


 
Merci bien pour ce petit conseil...je debute et j'ai encore un peu de mal avec le positionnement.
J'ai regarde le topic sur le xhtml/css et les openweb et j'ia encore un peu de mal mais je pense que ca viendra avec la pratique.
Sinon tu n'a pas vu d'autre "abus" d'ecriture dans la css ?
En tout cas merci  :hello:

Reply

Marsh Posté le 25-08-2003 à 20:03:17    

gm_superstar a écrit :


Pourquoi tu mets ton lien W3C en flottant à gauche si c'est pour le mettre en bas à droite ?
 
Utilise le positionnement absolu puisque tu es déjà dans une boîte positionnée :
 

#lien {
 position: absolute;
 right: 10px;
 bottom: 10px;
 padding: 2px 0px 0px 5px; /* haut  droite bas gauche*/
 width: 60px;
...
}


 
Sinon attention IE6 n'est pas en mode standard à cause du prologue XML que tu as placé au début.
Soit tu vires le prologue, soit tu appliques le hack de Tantek Çelik (que de toute façon il faut appliquer pour IE 5.x) http://www.tantek.com/CSS/Examples/boxmodelhack.html


 
Ha oui et ca veut dire que que IE n'est pas en mode standart ?


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed