[CSS 2.1] Légère superposition de div

[christobale]

Bonjour,
j'aimerai pouvoir avoir deux div centré l'une au dessous de l'autre.
mais il faudrait que la 1ere div morde de 1 ou 2 pixel sur la 2éme.
En fait je cherche a mettre des onglets et quand l'un est actif on a l'impression que cela fait parti du bloc inférieur.
Bref, j'ai réussit a le faire sous FF et chrome mais sous IE ça ne fonction pas et vis et versa
Quoiqu'il en soit, je n'y arrive pas .

voici un de mes nombreux test

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.sous_menu_main { 
    margin: 30px auto 0; 
    width: 960px; 
} 
 
.sous_menu_1 { 
    font-weight: bold; 
    float: left; 
    height: 41px; 
    margin: 0; 
    padding: 16px 0 0 20px; 
    width: 150px; 
} 
.sous_menu_2 { 
    font-weight: bold; 
    float: left; 
    height: 41px; 
    margin: 0 0 0 3px; 
    padding: 16px 0 0 20px; 
    width: 150px; 
} 
.bloc_general_sous_titre { 
    background-color: #FFFFFF; 
    border: 1px solid #D4D4D4; 
    margin: 0 auto; 
    overflow: hidden; 
    padding: 20px; 
    width: 918px; 
}

Code :

1
2
3
4
5
6
7
8
9
10
11
12
<div class="sous_menu_main"> 
    <div class="sous_menu_1"> 
        <a href="page1.php">Coupons</a> 
    </div> 
    <div class="sous_menu_2"> 
        <a href="page2.php">Rendez-vous client</a> 
    </div> 
</div> 
 
<div class="bloc_general_sous_titre"> 
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
</div>

merci de vos conseils

[jreaux62]

Bonjour,
La galerie CSS > Menus à onglets