28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Je viens de créer un blog pour une association de parents d'élèves et j'ai un gros problème d'affichage avec Firefox que je n'ai pas avec IE !!!!!
Jugez vous meme www.lecartabledelachapelle.blogspot.com
Quelqu'un aurait il une idée
Par avance merci de vos réponses.
Patrok
Bonjour,

En fait ,mon blog s'affiche impeccablement bien sous IE par contre sous Firefox c'est l'horeur les couleurs changent,les colonnes ont disparus,les messages sont n'importe ou etc...
Si tu as Firefox va voir sur mon blog et tu va de suite te rendre compte!!!
Merci à toi l'ami
Apres avoir jetter un coup d'oiel au .css, je me rencontre que c'est une erreur , c'est incompréhensible, en voici un morceau :

*/body {
background:#bca;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:#cceedd;
font-size/* */:/**/small;
font-size: /**/small;
<a href="http://www.xiti.com/xiti.asp?s=359440" title="WebAnalytics">
<script type="text/javascript">
<!--
Xt_param = 's=359440&p=';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="http://logv145.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="http://logv145.xiti.com/hit.xiti?s=359440&p=" alt="WebAnalytics" />
</noscript></a>}/* Page Structure
----------------------------------------------- */
Salut patrok77 et bienvenue Smiley cligne ,

ça marcherait déjà beaucoup mieux si le code Javascript pour xiti n'était pas en plein milieu de ton code css Smiley biggol !

A+
Merci pour votre message de bienvenue,

J'ai supprimé le code java de xiti et ça ne change rien,à savoir que je suis un plus que débutant dans le domaine html,merci de m'aider .
Bon week end
Et bien de mon côté avec Firefox, IE6, IE7 et Opera (je me suis arrêté là Smiley lol ) la mise en page est maintenant à peu près la même ! Peut-être qu'il faudrait que tu vides le cache du navigateur (par défaut Ctrl + F5 ou par Outils / Options / etc...)

Bon il y aurait quand même pas mal de choses à dire sur le code mais au moins le CSS est pris en compte Smiley cligne ...
Modifié par Heyoan (05 Apr 2008 - 21:00)
Re bonjour,

Bon ,d'après vos conseils et en bidouilant tant bien que mal le résultat est potable, merci.
Par contre le titre est tou petit sur Firefox et très grand (taille voulue) dasn IE !!!!?????
Tu sais d'ou ce défaut peu provenir ? Smiley eek
Une dernière question :tu parle du code ou il y a des choses à dire Smiley confus ,je suis preneur de tout bons conseils et remarques ,n'hésites pas Heyoan. Smiley cligne Smiley biggrin
merci et bonne nuit
patrok77 a écrit :

Par contre le titre est tou petit sur Firefox et très grand (taille voulue) dasn IE !!!!?????
Tu sais d'ou ce défaut peu provenir ? Smiley eek

Dans ton CSS tu as 2 accolades fermantes } au lieu d'une avant #header h1 Smiley cligne !

Pour ce qui est des remarques sur le code, tu pourrais jeter un oeil à la validation de ta page W3C Smiley langue ...

Pour repartir sur de bonnes bases : vive les Tutos d'Alsa !

Et sinon, je ne suis pas fan de tes gifs animés vraiment old school ni de la pub Javascript un poil agaçante...

Voili voilà !

A+ Smiley smile


Edit: il semble que le problème de validité soit directement lié à blogspot Smiley rolleyes ... tu pourrais peut-être te renseigner sur quelque chose de mieux écrit (voir par exemple ce sujet qui en parle).
Modifié par Heyoan (06 Apr 2008 - 09:33)
Administrateur
Bonjour,

sujet fermé à la demande de l'auteur. J'ignore pourquoi mais si c'est demandé ...

Ce qu'il se passe dans 99% des cas, c'est que plus personne ne poste dans un sujet dans ce cas-là donc c'est inutile de le fermer! Et si quelqu'un a quelque chose à rajouter, en général c'est qu'il y a une bonne raison ;) Mais bon ici on ne le saura jamais.

Pour information, lorsqu'un problème est résolu, nous demandons à ce que le titre du sujet soit édité (en éditant le 1er message du sujet) comme indiqué dans les Règles ici: [Résolu].

Felipe