Forum : Probleme de float celon les naviguateurs

Réponse acceptée

Bha enlève le float: left; ? :p ( au #categorie_sidebar li a ) ^^

Réponse acceptée

Comme dit PhiSyx il y a un float dans l'air qui gène. Moi je ferai un truc du genre :

#categorie_sidebar .left, #categorie_sidebar .right
{
    display:block;
    float:left;
    list-style:none;
    font-family: /* Si il y a besoin */;
    margin: /* Si il y a besoin */;
}
#categorie_sidebar .left
{
    text-align:left;
    margin: /* A voir en fonction de ton site */
}
#categorie_sidebar .right
{
    text-align:right;
    margin: /* A voir en fonction de ton site */
}
##categorie_sidebar .separator
{
    float:left;
    background-image: .... ;
    background-repeat:no-repeat;
    height: .... ;
    margin: .... ;
}

Puis compléter avec le style des liens et des "hovers".

Grafikart

Tu pourrais envoyer une capture de ce que ça doit rendre et de ce que ça rend sur IE8 et Opera ?

marrtin

Pour IE tu peux utiliser les " hacks" CSS de Internet Explorer pour ce qui est de Opera, je rencontre pas mal de soucis aussi sur certains site est particulièrement avec les forum du genre "forumactif" ou autre...

RDLabs

Auteur

Alors voila l'image quand tous fonctionne (firefow, chrome, safari) :

Et quand sa ne marche pas :

Demandez moi si vous avez vraiment besoin du code, moi je suis perdu :(

marrtin

Ouai fait voir ton code HTML & CSS ^^

RDLabs

Auteur

Voilà, je vous donne le code que j'ai mis dans Wordpress et le css :

<div id="categorie_sidebar">
        <ul class="left">    
        <?php    
            $id = get_category_by_slug('blog');    
            $id = $id->term_id;    
            $args = array(    
                'type' => 'post',    
                'child_of' => $id,    
                'hide_empty' => 0    
            );   
            $categories = get_categories($args);    
            $i=0;    
            $all = $categories;  
            $all = count($all);  
            $TotalCategories = $all;    

            if($TotalCategories%2 == 1){  
                $TotalCategories += 1;  
            }
            $TotalCategories = ($TotalCategories/2);  

            foreach($categories as $category){    
                $i++;    
                echo '<li><a href="'.get_category_link($category->term_id).'">';    
                echo $category->name;    
                echo '</a></li>';    
                echo ($i%$TotalCategories==0) ? '</ul><div style="height: 165px; display: block; float: left" class="sepa_v"></div><ul class="right">' : '';    
            }  
        ?>    
        </ul>  
    </div>
    <div class="clear"></div>

Et pour le code CSS

#categorie_sidebar
{
    margin: 20px 0 0 0;
}
#categorie_sidebar li
{
    list-style: none;
}
#categorie_sidebar li a
{
    display: block;
    width: 119px; /* -10px */
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 10px;
    float: left;
}
#categorie_sidebar ul.right li a
{
    display: block;
    width: 119px; /* -10px */
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 0;
    text-align: right;
    float: right;
}
#categorie_sidebar li a:hover
{
    background: url(images/sidebar/categorie_li_hover.png);
    text-decoration: none;
}

ladylain

il y a aussi le fait de ne pas faire un clear:both; apres la fermeture de ton dernier </ul>

RDLabs

Auteur

En effet, il suffisait juste d'enlever le "float: left" !

Merci à tous :)

ladylain

de rien , clique sur l'icone pour dire que ton sujet est résolu !

Probleme de float celon les naviguateurs

10 réponses