Discussion :

[stefsas]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Nicolas Esprit]

Bonjour,

As-tu essayé d'inclure tes trois div A, B et C dans une div principale qui elle n'est pas en float ?

Cet effet intervient sous Firefox et IE ?

[stefsas]

Oui, j'ai déja essayé. Cela produit que mes trois zones se retrouve à l'extérieur de la nouvelle et donc du container ?
C'est un vrai problème.

[stefsas]

J'ai arrivé à corriger le problème en mettant mes zones dans un panel avec l'option scrollbar = "auto". Mais je ne comprend pas trop pourquoi ça marche?