Forum-webmaster 
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Shain le le 01-01-2004 a 20:24:00
Titre: Comportement CSS bizzare ...
Posté par: Shain le le 01-01-2004 a 20:24:00
J'ai l'impression que CSS fait des trucs bizare des fois ... : http://www.izidoo.com/izidoo/

Le lien Skalpel-network dans le contenu de la page devrait avoir le même style que celui du copyright en bas de page vu qu'ils ont la même classe CSS attribuée. Pourtant on dirai que dans le contenu cette classe n'est pas prise en compte ?!

J'avoue que j'ai tout essayé, je ne comprends pas d'ou viens le probleme ... Merci pour votre aide !
Titre: Re:Comportement CSS bizzare ...
Posté par: Toutankharton le le 01-01-2004 a 21:01:07
Aïe Aïe Aïe !!! Je te demande sans trop de surprise si tu utilise (arf je le dit ou pas ?) "Internet explorer" Bon allez j'arrete de rigoler, c'est pas le css qui bug mais c'est iexplorer qui ne respecet pas les normes : voici à quoi ressemble la page avec un navigateur qui respecte les standards (opera) :
http://site.voila.fr/egypte_antique/izidoo.gif (http://site.voila.fr/egypte_antique/izidoo.gif)
Par contre comment contourner ça...
Titre: Re:Comportement CSS bizzare ...
Posté par: Shain le le 01-01-2004 a 22:32:10
Magnifique !

Je suis heureux là :-\ Moi qui pensais qu'avec un code valide tout s'afficherai pareil sur les principaux navigateurs ...

Remarque j'aurais du faire le test ! Merci Toutankharton.
Titre: Re:Comportement CSS bizzare ...
Posté par: Shain le le 01-01-2004 a 22:48:08
aie aie aie ... je suis ecoeuré de la différence entre les 2 navigateurs ! ca me degouterai presque des CSS :-(
Titre: Re:Comportement CSS bizzare ...
Posté par: ric le le 01-01-2004 a 23:22:17
Il faut regarder le cumul de tes class
"copyright" et "lienExterne" d'un côté
et
"blocContenu" et "lienExterne" de l'autre
Il doit y avoir une incompatibilité entre les 2 dernières puisque le navigateur fait une comparaison entre les 2 styles.

Titre: Re:Comportement CSS bizzare ...
Posté par: Shain le le 01-01-2004 a 23:38:39
Je viens de faire le test sur 3 navigateurs :
- Opera
- IE
- Firebird

Aucun n'affiche mon site de la même facon ! Mis à part un petit défaut, Opéra m'affiche comme je le souhaite. Firebird fait n'importe quoi avec mes blocs tandis qu'IE fait des mix avec mes class ...

Est-ce parce que je m'y prend mal ? Opera et Firebird respecte les standard W3C normalement, non ? Dans ce cas pourquoi l'affichage est-il différent ?

Bref ... je gallère !
Titre: Re:Comportement CSS bizzare ...
Posté par: Jey le le 03-01-2004 a 10:32:03
celui qui respecte le mieux les css est firebird

pour opera, il faut s'en méfier, cette merde émule certains bugs d'ie, ce qui provoque parfois des trucs très bizarres...

essayes de rendre ton site identique dans firebird et ie, et générallement, quand ils sont identiques dans les deux, il n'y a plus trop de boulot pour qu'il soit identique dans opera et safari
Titre: Re:Comportement CSS bizzare ...
Posté par: DJolhan le le 03-01-2004 a 12:41:28
il est impossible de rendre le site identique entre tous ces browser.
pour une simple et bonne raison, , c'est que chacun à sa propre interpretation des marges.A moin de n'utiliser aucune marge et largeur ou meme hauteur...ce qui est plutot difficil.
Pour Ie, 1 pixel sera = a 2 pour firebird = a 3 pour opera etc etc

Le mieux, est de rendre son site le plus compatible possible avec la majorité des utilisateur susceptible d'aller sur ton site.

Vive l'uniformité des browser >:(

Un webmaster se casse déjà la tete pour trouver son design, ensutie, il doit se casser la tete pour son code php, puis bien évidemment se casser la tete pour des probleme de compatibilité....
C plutot rageant non ^^
Titre: Re:Comportement CSS bizzare ...
Posté par: Jey le le 05-01-2004 a 17:06:45
(ya pire que de se battre pour rendre un site compatible ie, mozi, opera : se battre pour le rendre compatible ie, mozi, netscape4 >:( )
Titre: Re:Comportement CSS bizzare ...
Posté par: Shain le le 05-01-2004 a 19:51:29
euh safari aussi je m'excite bien dessus aussi ... d'ailleur maintenant quand je développe au boulot j'ai un mac à coté pour tester ...
Titre: Re:Comportement CSS bizzare ...
Posté par: Jey le le 06-01-2004 a 11:32:47
moi j'ai pas trop de problemes avec safari
la grande difficulté est de trouver une faille css qui permet d'appliquer un style pour safari mais pas les autres

moi je bosse sur mac au boulot, donc j'arrive facilement à etre compatible Safari/Mozi; mais pour etre compatible IE6, c'est dur dur (enfin, on a commandé un PC pour m'aider ;D )

mais vraiment, je ne vous souhaite pas d'avoir des clients qui veulent un site en css compatible avec Netscape 4 >:(
Titre: Re:Comportement CSS bizzare ...
Posté par: Bloubli le le 06-01-2004 a 11:49:08
Heu ??? Shain, c'est un peu le "bronx" ton code ?...

Ne le prends pas mal stp. Mais je vois deux ou trois choses, en regardant rapidement, un peu incohérentes, ce qui pourrait expliquer pourquoi sous Firebird, les liens pour XHTML et CSS se retrouvent sous le contenu...

Je vais essayer de trouver un peu de temps pour regarder ceci... Là, je suis au boulot... Mais une chose que je ne comprends pas, c'est que tu appelles plusieurs fois le calque colonneDroite.

Et j'ai du mal à comprendre cette partie de code :

Code:
<div class="coloneDroite">
<div class="copyright">
<div class="imageLien"><a href="http://validator.w3.org/check?uri=http://www.izidoo.com/izidoo/" class="imageLien"><img src="images/interface/logo_XHTML_valid.gif" alt="Izidoo.com est conforme aux norme W3C - Valide XHTML Strict" width="64" height="23" class="imageLien" /></a>&nbsp;&nbsp;<a href="http://jigsaw.w3.org/css-validator/" class="imageLien"><img src="images/interface/logo_CSS_valid.gif" alt="Izidoo.com est conforme aux norme W3C - Valide CSS" width="64" height="23" class="imageLien" /></a></div>
</div>
</div>
<div class="coloneCentre">
<div class="copyright">
<p>Izidoo.com est une production <a href="http://www.skalpel-network.com" class="lienExterne">Skalpel Network</a> prot&eacute;g&eacute;e par le code de la propri&eacute;t&eacute; intellectuelle <br />
Izidoo.com Copyrights &copy; 2000-2004</p>
</div>
</div>


Pourquoi as-tu un div copyright dans le div coloneDroite ?

Et ce ne serait pas mieux de le nommer colonneGauche ? ;)
Titre: Re:Comportement CSS bizzare ...
Posté par: pixyle le le 06-01-2004 a 17:56:30
Bon ça me rassure je suis pas la seule à galérer là dessus.
On encore on ne parle pas du cas où la personne décide d'imprimer tout ça ..

Je voulais me mettre au "tout css" pour permettre aux handicapés d'accéder à mes sites, entre autre aux aveugles. Donc, je me suis rendu sur des sites dédiés aux aveugles, histoire de voir à quoi ressemble leur code.
Allez voir les sources de ces 2 sites :
http://www.braillenet.org/
http://www.voirplus.net/

Et oui il y a des tableaux. Pas de trop, mais des tableaux quand même pour la structure. Donc je suis en quête d'une information véritable à ce sujet, je cherche à savoir comment marchent les logiciels dédiés aux aveugles, ce qu'ils leur faut.
Et je ne trouve pas qu'une feuille de style de 3 km de long accélère mon travail ...
Titre: Re:Comportement CSS bizzare ...
Posté par: Shain le le 07-01-2004 a 22:28:31
Citation:
Heu Shain, c'est un peu le "bronx" ton code ?...
Ne le prends pas mal stp


Pas de soucis, je suis débutant, je l'accepte :D

En fait je crois qu'à la base j'avais un code assez propre, et à force de faire des test, des retouches, etc ... c'est devenu la zone. Je vais essayer de reprendre ca ce week-end et je poserai des questions plus précises parce que certaines choses sont encore obscures pour moi ...


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.