Intégration d'une zone définis en float dans un tabcontainer
Bonjour,
J'ai un tabcontainer dans lequel j'ai une zone A qui contient deux autres zones rectangulaire B et C.
Je veux que les zones B et C soient côte à côte, c'est pour cela que je dois définir comme propriété css float:left pour les trois zones.
Mon problème en faisant cela, c'est que ma zone A (et donc B et C) se retrouvent à l'extérieur de mon tabcontainer.
Voici un aperçu de mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" CssClass="ajax__tab_yuitabview-theme" >
<asp:TabPanel ID="TabPanel1" runat="server" HeaderText="Données de détection">
<ContentTemplate>
<div id="A">
<div id="B"> </div>
<div id="C"></div>
</div>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| #A
{
float:left;
width:650px;
border: 1px solid #C2C4C6;
padding: 5px;
margin-left:1px;
background: #DEE2EA;
}
#B,#C
{
float:left;
width:250px;
margin-top: 10px;
border:1px solid black;
height:50px;
} |
Est-ce que quelqu'un saurait comment faire pour corriger le problème ? Merci.
