[résolu] IE6, je n'y arrive pas (simple!)

Bonjour à tous,

Malgré lecture de divers FAQs, tips, treaks, hack, je n'arrive pas à me sortir de ce problème sous IE6.
Soit je n'ai pas trouvé la bonne technique, soit je ne l'implémente pas comme il faut (plus que probable…).
D'autant plus difficile que les tests IE se font à distance par capture (je suis sous mac).
Si quelqu'un pouvait enfin m'éclairer svp??!!
J'ai tenté les commentaires conditionnels, je suis en mode strict, corrigé le "double-marging" … je n'arrive à rien.
Et si j'ai l'impression de m'y connaître, ce n'est qu'une impression !

La page: http://www.lumiere-photo.fr/
Fonctionne sous FF2-3, SAFARI, IE-7.

L'ennui est sur le bloc "Bientôt", et dans la sidebar ou chaque bouton des listes/menus sont trop hauts…

Voici le résultat recherché:

...[/url

Résultat sous IE6:
...[/url

Voilà le code à l'heure où j'écris:

"Bientôt":

.nextocome { 
float: left;
background-color:#444444;
border:1px solid #666666;
padding:20px;
width:155px;
}

html:

<div class="nextocome">
<h3 style="text-align: left;">Bientôt:</h3>
<p style="text-align: left; padding-left: 30px;"><strong><span style="color: #ffffff;"><span style="font-size: small;">Book:</span></span></strong><span style="font-size: small;"><br /> Philippe Pascal, comédien.</span></p>
<p style="text-align: left; padding-left: 30px;"><strong><span style="color: #ffffff;"><span style="font-size: small;">Packshot:</span></span></strong><span style="font-size: small;"><br /> Boitier design pour disque dur (exclu).</span></p>
<p style="text-align: left; padding-left: 30px;"><strong><span style="color: #ffffff;"><span style="font-size: small;">Tutorial:</span></span></strong><span style="font-size: small;"><br /> Noise Ninja.</span></p>
<p style="text-align: left; padding-left: 30px;"><strong><span style="color: #ffffff;"><span style="font-size: small;">CD:</span></span></strong><span style="font-size: small;"><br /> Pochette et illustration, Nahi, chanteur.</span></p>
</div>

Sidebar:
css=

#home.right, #content.right, #sidebar.right {
background:transparent none repeat scroll 0%;
float:right;
font-size:0.9em;
margin-top:10px;
}
#sidebar {
margin-bottom:20px;
width:200px;
}
.right, .alignright {
margin-left:10px;
}

html=

<div id='sidebar' class='right'>

				
	<div class="menu"><h2 class="section-header">Catégories</h2>		<ul>
			<li class="cat-item cat-item-24"><a href="http://www.lumiere-photo.fr/category/afficher-tout/" title="Voir tous les articles classés dans Afficher tout">Afficher tout</a>

</li>
 … 
</ul>
</div>

Un gros merci d'avance.
Modifié par piclabo (13 Jan 2009 - 17:25)

Hello,

À vue de nez, il faudrait éviter le align="left" pour le tableau qui précède div.nextocome. Et aussi supprimer les paragraphes vides (?) contenant un BR (??) avec class "spacer_", qui sont soit inutiles, soit gênants, soit utiles mais dans ce cas ça évite d'utiliser des solutions plus propres.

Oui tous ces trucs en plus sont générés pas l'éditeur de wordpress qui parfois pose problème.
Ok j'ai nettoyé ça, et ça passe enfin sous ie6!! Merci Florent V.!! Raaahhh!!!

Reste la sidebar dans laquelle les liens ont un espace en trop au dessus.
Comme ici avec un background sur la #sidebar.right pour le rendre visible.

Une idée??

http://nsa04.casimages.com/img/2009/01/12/mini_09011203040856868.jpg

Je met toute la sidebar…

...
<div class="menu">
<h2 class="section-header">Dernières séries</h2>
<ul id="recent-posts">

<?php $recent_posts = new WP_Query(); $recent_posts->Query('showposts=5@offset=1');
while ($recent_posts->have_posts()) : $recent_posts->the_post(); ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php endwhile; ?>
</ul>
</div>

<div class="menu">
<h2 class="section-header">Derniers commentaires</h2>
<ul id="recent-comments">

<?php if (function_exists('get_recent_comments')) { ?>

<ul><?php get_recent_comments(); ?></ul>
</li>
<?php } ?>
</ul>
</div>
...

/************************************************
	Sidebar
************************************************/

#home.right, #content.right, #sidebar.right { 
    float: right; 
    font-size:0.9em;
    background: transparent; }

#sidebar { width: 200px; margin-bottom:20px; }

.menu {
	overflow: hidden;
	width: 200px;
        margin-top: 50px;
	background:none;
	}
#sidebar .menu li {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none; }

/* Sidebar lists and sidebar tab lists */
.menu div li, .menu div li li, #sidebar .tabbed div li, #sidebar .tabbed div li li {
	float: left;
	width: 100%;
	}
#sidebar .menu ul li a, .tabbed div ul li a {
        background: #333;
        color: #eeeeee;
        border-bottom: 1px dotted #999;
        display: block;
        text-decoration: none;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 35px;
        }

#sidebar ul li a:hover {
        color: #FFF;
        background: #222;
        }

/* Recent comments widget */
#sidebar ul#recent-comments li { font-size:10px; font-weight:none; width:100%; }
#sidebar ul#recent-comments li a { display: block; padding: 4px 2px; }


/* Recent POSTS widget */
#sidebar ul#recent-posts li { 
        font-size:11px; 
        font-weight: normal; 
        text-transform: lowercase; 
        width:100%; 
        }

#sidebar ul#recent-posts li a { 
        color:#111; 
        background-color:#efefef; 
        display: block; 
        padding: 8px 2px; 
        }

#sidebar ul#recent-posts li a:hover { 
        background:#222222 none repeat scroll 0%;
        color:#FFFFFF; 
        }

Hello,

Je me demande si cela n'a pas un rapport avec les points traités sur ce sujet ?
A lire attentivement

ps: Si ce n'est pas ça, c'est pas grave c'est très instructif

Cdt,
Sylvain

Ok merci, j'ai appliqué mais je ne peut pas vérifier, il faudra attendre demain matin pour avoir ie6, à moins que quelqu'un me dise si l'effet produit… est le bon!

Voilà, merci, à+

piclabo a écrit :
Ok merci, j'ai appliqué mais je ne peut pas vérifier, il faudra attendre demain matin pour avoir ie6, à moins que quelqu'un me dise si l'effet produit… est le bon!
Voilà, merci, à+

Cela me semble correcte (IE6 standalone)
Reste éventuellement la validité du code de tes pages, xhtml et css...
Mais c'est un autre débat

Bonne continuation,
Cdt,
Sylvain

Oui oui je suis au courant
Reste qu'il me trouve des erreurs que je ne trouves pas, du genre "manque un > pour fermer"… alors qu'il est présent mon >…

C'est un autre sujet comme tu dis, merci en tout cas pour la validation IE6

Il s'agit souvent d'erreurs en cascade, il faut parfois remonter plus haut pour corriger les erreurs du bas
(Ceci dit en strict et sous wordpress, il faut être vigilant et redoubler d'attention )

Un petit [résolu] pour fêter cela ?

Cdt,
Slvain

Oui voilà !

piclabo a écrit :
Oui voilà !

Parfait, merci