28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Ils y a quelques mois je créait mon site en HTML "pifometre" ne connaissant pas le language du tout.

Aujourd'hui fort d'un peu plus d'experience je suis en train de recoder le site au format XHTML en utilisant au mieux les infos contenues ici.

Tout marchait sans accro jusqu'au moment d'implémenter les images / flash dans mes divs fraichement positionnées.

J'ai, que ce soit avec une image de fond, l'anim flash ou un background, une div qui refuse de se mettre correctement en place et se retrouve quelques pixels plus bas au dessus d'une autre sous firefox (Cela marche bien sous IE, ce qui m'inquiète plutôt!).

Voici le template du site original:
www.battlestar-galactica.fr/bsg

Voici la page qui pose problème:
http://www.battlestar-galactica.fr/test/test.html

Les deux CSS appelés :
http://www.battlestar-galactica.fr/test/styles/cadres.css
http://www.battlestar-galactica.fr/test/styles/textes.css

J'ai vaguement idée que c'est lié à la taille du texte (que je n'ai pas encore vraiment défini) car au boulot avec le filtre il me met le texte Active Content Removed à la place du flash, et bizarement la police rentre pile dans le décalage:
http://www.battlestar-galactica.fr/test/explain.jpg

J'ai bien cherché, mais je seche, et comme j'essaye de faire mon code le plus propre possible, je ne voudrais pas continuer si quelquechose risque de me poser problème aprés.

Je vous remercie d'avance!
Modifié par Zedleouf (26 Oct 2005 - 14:35)
J'ajoute juste que sur IE cela fonctionne correctement, mais pas sour Firefox qui pourtant est plus une référence. Smiley decu

Merci encore pour les réponses Smiley smile Que ce soit les futures ou toutes celles auxquelles vous avés déjà répondu sans le savoir car il y a une mine d'informations ici Smiley lol
Bon, afin de faciliter le diagnostique je viens de tester la même chose sans images (avec un fond) et seulement les 3 divs du centre et cela ne fonctionne toujours pas Smiley decu

J'ai dû oublier quelquechose dans le CSS ou cela provient peut être du fait que j'ai séparé les CSS en deux (Comme conseillé à quelqu'un sur ce forum, j'ai trouvé ça bien.)
Bon, trop confiant je pensait que mes calculs pour les divs étaient bons et je me rends compte en mettant une border : 1 que j'ai plein de problèmes déjà ici.

Par contre, pour une div simple de 150px de haut j'ai déjà une différence visible entre Firefox et IE, c'est encourageant Smiley decu

Allez, je m'y remet et je vous relance si je ne trouve pas tout seul, merci Smiley smile