28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

Je suis en train de peaufiner (lentement) une maquette pour un de mes blogs. Le CSS n'est pas encore propre (ni le code XHTML, ni le PHP, mais ça viendra). J'ai toutefois un problème: ma page est presque intégralement exprimée en unités relatives (à terme, elle le sera intégralement). Le contenu de la page est inséré dans des div et comporte un padding-left de 2%. Tout va très bien sur de nombreux navigateurs, sauf IE. Lorsque je survole un lien figurant dans la page, les lignes se décalent de 2% sur la gauche. Le problème est visible sur la page d'accueil de mon blog. J'imagine personnellement que ce bug peut venir des la manière dont j'affiche les liens, mais ce n'est qu'une supposition.

Je viens donc à vous pour savoir si quelqu'un a déjà été confronté à ce problème, ou si ça provient d'une erreur de code. Je pourrai sans doute le résoudre à terme tout seul mais, étant débordé de travail et voulant rapidement mettre en ligne cette maquette, je compte sur vous pour m'éclairer. D'avance, un tout tout grand merci.

L'adresse de mon blog: http://www.cbsch.net/blog
Code source CSS: http://www.cbsch.net/blog/themes/smitty/cbsch.css
Modifié par smitty (12 Oct 2007 - 11:52)
#main a[hreflang="en"], #main a[hreflang="fr"], #main a[hreflang="de"] {
    padding-right: 25px !important;
	padding-right: 0;
	}


Petite piste :
le "padding-right: 0;" doit poser quelques problemes sous ie, il est en conflit avec le padding-right: 25px !important;

Je sais pas si ca reglerais ton probleme, en tout cas, je chercherais de ce coté la pour commencer .

Sinon, pour ta page
http://www.cbsch.net/blog/themes/smitty/test.html

Elle est sacrément bugué sous ie Smiley eek
Le soucis, c'est que tu geres la majorité de tes bloques avec le margin, et ie6 a pas la meme façon de voir les choses Smiley cligne
Il aime pas ca du tout le petit capricieux...
Préfères les padding aux margin quand tu peux

Pas sur que tout ca corrige tes probleme mais ca te donneras peut etre une piste.
Argh, voui, j'avais pas vui sous IE... Bon, je vais reprendre ça tranquillement (c'est fou, il y a trois jours, elle était parfaite, j'ai fait trois modifications sans vérifier et paf, tout s'écroule). Je vais suspendre tout ça et je réactiverai ce topic quand tout ira mieux...

Edit: bon, ben. Le bug sous IE était visiblement dû à un reload de mon ftp (je faisais des transferts de fichiers en publiant mon topic). Il semble que le seul bug qui reste sous IE est ce foutu survol.

Pour info, les !important placés de manière redondante étaient des embryons de correction que je n'ai pas pu plus pousser.

Edit2: J'ai viré la page de test au format XHTML, qui n'apportait rien au problème.
Modifié par smitty (12 Oct 2007 - 11:52)