1 résultat trouvé pour cbcbcb

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour que ça fonctionne mieux, il faudrait enlever la table, et mettre directement les liens dans la div .navigation.

Pour les catégories, je dirais que c'est normal, puisque la div de background noire n'est pas la div qui entoure les titres... Vous avez mis un border-top de 35px pour avoir un fond noir alors que vous auriez pu juste mettre un background noir directement sur la div ...

Je regarde votre code et je trouve qu'il y a des choses vraiment étranges qui ne devraient pas être là. Par exemple, pourquoi avez-vous mis le float:left sur la classe forum, alors que vous avez un block parent pour positionner les blocs des catégories ? C'est illogique, et ça ne m'étonne pas que ça bugg au niveau de l'affichage...

Donc déjà je vous propose quelques améliorations, qui vous permettront de pouvoir coder sans soucis :
Vous enlevez tout ce que je raye, et vous ajoutez tout ce qui est en gras :

Dans la CSS :

.forum_bloc {
float: left;
margin: 0 5px 10px;
~~margin-top: 8px;~~
~~width: 800px;~~
}

.forum {
~~float: left;~~
~~margin-bottom: 10px;~~
~~margin-left: 5px;~~
~~margin-right: 5px;~~
width: 390px;
}

.forum_contenu {
background: #cbcbcb none repeat scroll 0 0;
height: 65%;
~~margin-left: auto;~~
~~margin-right: auto;~~
~~margin-top: -8px;~~
padding: 4px;
~~position: relative;~~
width: 98%;
~~z-index: 1;~~
}

.barre_noire {
border-top: 35px solid #1f1f1f;
}

.cate_titre {
clear: both;
color: #fff!important;
height: 31px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
background: black;
}

.cate_titre h2 {
color: #fff !important;
font-size: 20px;
margin: 0;
}

Dans le template :

~~<div class="barre_noire"></div>~~

<div class="cate_titre">
~~<br>~~
<h2>1ère catégorie</h2>
</div>

Et vous aurez exactement le même rendu que celui que vous aviez, sauf qu'il fonctionne à la fois sur Firefox et Chrome, et il sera sans bugg.