28172 sujets

CSS et mise en forme, CSS3

Design css different sur firefox et ie

salut,
je suis en train de créer un site principalement basé sur du html, css.
J'ai commencer a le créer en me basant sur firefox et lorsque je regarde sur ie le design n'est pas le même.
Par exemple sous ie mes cadres arrondis ne sont pas pris en compte et c'est des cadres simple, et mon background en dégradé n'est pas pris en compte sous ie j'ai un background blanc.
Je sais que cela est du au faite que certain naviateur prennent en compte certaines choses et pas d'autre mais je voulais savoir si jétait obligé de faire une feuille css spécifique pour ie ou s'il y a une techique a utilisé ou une astuse pour évité d'avoir double travail : css ie + css firefox.

merci d'avance Smiley cligne
Modifié par volcomboy62 (05 Jan 2011 - 11:32)
Salut,

Sans plus d'info, impossible de te donner des solutions.
Donne au moins le code HTML et CSS de ta page. ou alors mes ton site sur un serveur accéssible du web pour que l'on puisse voir ce qu'il se passe

Quoiqu'il en soit tu fait mention des background dégradés et coin arrondis, IE par défaut, ne supporte des directives, il faudra donc passer par du Javascript ou autre pour le faire.

Je te conseil vivement d'aller faire un tour sur les tuto Alsacreations, il y a déjà pas mal de réponse.
Hello,
Tu viens de découvrir la vie trépidante de l'intégrateur averti obligé de prévoir une roue de secours pour ce navigateur à la traine Smiley lol
Pour les coins arrondis : roundies.js (cherche sur le site)
Pour les dégradés : soit une image de 1px de large en repeat (x ou y)
soit peut être un filtre propriétaire ie (je sais plus pour gradient) ou soit JS.

Et bien sur le tout appelé par des jolis commentaires conditionnels du type :
<!--[if lt IE 9]>
//code pour IE
<![endif]-->

Ce qui veut dire Si Inférieur à IE 9 (donc pour toutes les versions d'IE jusqu'à 8 incluse). Bonne chance !
je vient d'essayer de mettre en place roundies.js
et au lieu d'avoir mon cadre avec des coins arrondies sous ie il disparait Smiley eek

voilà une partie de mon code html où je déclare mon .js
<html>
<!DOCTYPE html>
<!--[if lte IE 8]>
<script type="text/javascript" src="roundies.js">
<script DD_roundies.addRule('#cadre_milieu', '10px');</script>
</script><![endif]-->
<header>
<title>J&eacute;r&eacute;m'ap&eacute;ro</title>
<link rel="stylesheet" type="text/css" href="boissons_alcoolises.css"
</header>

et voila une partie de mon .css
DD_roundies.addRule('div#menu_gauche', '10px');

je précise que mon cadre est de couleur gris avec une ombre clair
Un conseil : Ne cherche pas à avoir exactement le même design sous tous les navigateurs.
Essaye plutôt d'utiliser les différences et tant pis pour les coins arrondis sous ie si ton site est aussi joli sans.
vous allez dire que je suis un boulet lol mais j'ai mis des images en .jpg sur mon site et sous firefox les images aparaissent correctement alors que sur ie aucune images apparait.
pourtant ma syntaxe est bonne ??
<img id="kangoo" src="images/kangoo.jpg" width="" height="" alt=""><br/>
<img id="cocktail" src="images/verre-cocktail.jpg" width="" height="" alt="">

voici l'adresse de mon site : jeremapero.toile-libre.org
Modifié par volcomboy62 (10 Jan 2011 - 11:00)
Si tu comprend l anglais regarde ça. Rouned corner video tutorial
Chris te donne 5 façon différentes de créer des angles arrondis.
Je pense que la solution la plus "cross-browser" est le javascript pour ajouter du markup à tes éléments arrondis puis du css pour les designer.
En gros utilises CSS3 pour les navigateurs moderne et images + js + css pour les autres.
volcomboy62 a écrit :
vous allez dire que je suis un boulet lol mais j'ai mis des images en .jpg sur mon site et sous firefox les images aparaissent correctement alors que sur ie aucune images apparait.
pourtant ma syntaxe est bonne ??
&lt;img id=&quot;kangoo&quot; src=&quot;images/kangoo.jpg&quot; width=&quot;&quot; height=&quot;&quot; alt=&quot;&quot;&gt;&lt;br/&gt;
&lt;img id=&quot;cocktail&quot; src=&quot;images/verre-cocktail.jpg&quot; width=&quot;&quot; height=&quot;&quot; alt=&quot;&quot;&gt;

voici l'adresse de mon site : jeremapero.toile-libre.org


personne n'a d'idée ?
Bonjour,

Les images (deux premières, du moins, sur la page d'accueil), ne se trouvent pas à l'adresse indiquée, logique qu'elles n'apparaissent pas.
en faite c'est pour la page boissons alcoolisées, les images apparaissent avec mozilla firefox mais avec internet explorer elle apparaissent en minuscule, on peut apercevoir des tout petit carré blanc si on regarde bien.
Modifié par volcomboy62 (10 Jan 2011 - 13:58)
Merci, en enlevant les width et height les images apparaissent, ie est vraiment capricieux Smiley confus
par contre il reste certaines images qui n'aparaissent pas, il y a une croise a la place.
Sujet clos
Aller à