[Wordpress] Bug IE/FF

Heeeeeeeeeeelp !

J'ai presque fini de bosser sur [url="http://www.faskil.com"]la v3 de mon site[/url] mais il me reste encore un bug chelou à identifier. Voyez par vous-mêmes :

Sous IE8 PC :

[img]http://www.faskil.com/images/geekzone/faskil_30_ie8.png[/img]


Sous FF35 PC :

Pour le coup, c’est FF35 qui ne m’affiche pas le truc que je voudrais. La feuille de style est récupérable ici. Si vous pouvez m’indiquer ce qui cloche, j’en serais ravi. Parce que je vois pas.

Merci ! :slight_smile:

Ha, le plaisir de fouiller dans la feuille de style d’un autre… Celle la est particulierement confuse je dois dire^^

Si tu remarque bien, tes deux elements sont alignés en float: left;

Oui, la skin est pas de moi hein. J’ai fait une ou deux petites modifs sur la home, mais j’ai pas touché à la CSS. :slight_smile:

Hmm… ok et donc ?

bha attds je regarde la parceque je m’embrouille un peu dans la css…
et du coup je reinstalle firebug sur mon nouveau pc^^

bon, ca se joue ici:

#home_featured { background: #f2f2f2 url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; } .feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; } .feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; } .feat_title { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; } .feat_title a { color: #224970; } .feat_title a:hover { color: #000; }

[quote=« Drakulls, post:4, topic: 49723 »]bha attds je regarde la parceque je m’embrouille un peu dans la css…
et du coup je reinstalle firebug sur mon nouveau pc^^[/quote]
Huhu ok.

Ce qui me surprend un peu, c’est que la skin est une skin « magazine » pour WP assez réputée. Je trouve ça chelou que du coup, un truc aussi gros merdouille sur la home. Comme j’avais pas touché à la CSS, je me suis dit « ok c’est moi qui ai fait une connerie dans la home » et j’ai cherché que là. Sans succès. :confused:

Si ça peut aider, voici la partie de code qui affiche le cadre en question…

[code]


Latest DJ Mix

				 <?php $the_query = new WP_Query('category_name=dj-mixes&showposts=1');
		 
				 while ($the_query->have_posts()) : $the_query->the_post();

				 $do_not_duplicate = $post->ID; ?>
				 
				 <div class="feat_content">
				 
					 <?php if ( get_post_meta($post->ID, 'featured_home_img', true) ) { ?>
				 
					 <div class="feat_thumb"><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/featured/<?php echo get_post_meta($post->ID, "featured_home_img", $single = true); ?>" alt="<?php the_title(); ?>" /></a></div>
					 
					 <?php } else { ?>

					 <div class="feat_thumb">
						 <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php
						 the_title(); ?>"><?php if (function_exists('the_thumb')) { the_thumb('altappend=recent_&subfolder=recent&width=64&height=64&keepratio=0'); } ?></a>
					 </div>

					 <?php } ?>
					 
					 <div class="feat_title"><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></div>
					 
					 <div class="feat_exc">						
						 <?php $key="source"; echo get_post_meta($post->ID, $key, true); ?>
					 </div>
										 
				 </div>[/code]

J’ai regardé très vite et je suis pas sur qu’IE8 ait le comportement le plus « logique » sur le coup, mais OSEF :slight_smile: tu me diras.

Ce que je ferai moi c’est :

ligne 80

.feat_thumb { float:left; } .feat_thumb img { padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }

pour faire « floater » le conteneur de l’image et pas l’image elle même.

et un petit float sur le texte à côté (ligne 81)

.feat_title {float:left; font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }

Merci Engy ! Ça marche nickel ! Je viens effectivement de piger la subtilité avec les float (que je maitrise mal), du coup, ça parait plus logique comme ça.

En effet la solution d’ engy parait la bonne, apparement, le probleme c’est que ton float est sur l’element img et non pas sur son container…

edit:
ha ben vi^^ grillé sur la vitesse sur ce coup la^^
le principal c’est que ca fonctione… Par contre, comme dit plus haut, le probleme vient d’une mauvaise interpretation d’ IE et non pas de firefox qui attends plus de “precisions” ^^

faut vérifier qu’il y ait pas d’effet de bord sous ie6,7 ou safari :crying: j’ai rien tester. Je suis dispo sur irc si besoin (enfin dispo a 50% je suis en train de faire des crèpes :))