Discussion :

[hawksylver]

Bonjour,

Je rencontre un probleme.
J'ai utiliser les Grid de bootstrap et j'aimerai faire que deux de mes rows soit fixent (elles constituent mon header)
Biensur j'ai envelopper c'est deux rows dans une div qui a pour id=wrap

J'ai essayé avec style="top:0; position: fixed" mais mes colonnes sont deformées

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<div id="pa_ge">  
  <div id="wrap">
    <!-- Header -->
    <div class="row">
      <div class="col-lg-12">
        <div class="col-lg-2">
          <a id="logo_pt" href="#"><img src="../img/logo.png" id="logo_pt_"></a>
        </div>
        <div class="col-lg-8">
          <!-- first sub-column -->
          <div class="col-lg-4">
          </div>
          <!-- Second sub-column -->
          <div class="col-lg-4">
          </div>
          <!-- Third sub-column -->
          <div class="col-lg-4">
            <div id="notifications_bar">
              <img src="../img/flag/ie.png">
              <span>Ireland (Eng, €)</span>
            </div>
            <i class="fa fa-bell"></i>
            <i class="fa fa-envelope"></i>
            <i class="fa fa-user"></i>
          </div>    
        </div>
        <div class="col-lg-2">
          <div id="free_listing">ADD YOUR <span style="font-weight: bold;">FREE</span> AD</div>
        </div>
      </div>
    </div><!-- ROW -->
 
    <!-- Navigation Bar-->
    <div class="row">
      <div class="col-lg-12">
        <nav class="nav-primary">
          <ul id="main-menu">
            <li class="current-menu-item"><a href="#">HOME</a></li>
            <li class="current-menu-item"><a href="#">CAT #1</a></li>
            <li class="current-menu-item"><a href="#">CAT #2</a></li>
            <li class="current-menu-item"><a href="#">CAT #3</a></li>
        </nav>
        <div class="clear"></div>
      </div>
    </div><!-- ROW -->
  </div><!-- WRAP-->
 
  <div class="row" style="">
    <!-- Left Menu -->
    <div class="col-lg-2">
      <div class="row">
        <aside class="col-lg-12">
        </aside>
        <aside class="col-lg-12">
        </aside>
      </div>
    </div>
 
    <!-- Content -->
    <section class="col-lg-8">
       <div>
        <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci ex, iaculis sed felis nec, vehicula euismod massa. Duis nec dolor eu dui sagittis interdum. Nulla facilisi. Curabitur sagittis nunc a sem volutpat ultrices. Suspendisse aliquet sem metus, a hendrerit erat vulputate sit amet. Nulla et gravida quam. Mauris non turpis ut mi laoreet scelerisque quis vel augue. Fusce vestibulum mi eu elit scelerisque eleifend. Pellentesque mollis turpis sit amet nisl tincidunt accumsan. Curabitur pharetra a tortor at posuere. Phasellus accumsan diam tortor, id sollicitudin dolor mattis quis.
    </p>
     </div>      
    </section>
    <!-- Right Menu -->
    <div class="col-lg-2">
      <div class="row">
        <aside class="col-lg-12">
          Right Menu 1
        </aside>
        <aside class="col-lg-12">
          Right Menu 2
        </aside>
      </div>
    </div>
  </div>
  <!-- Footer -->
  <footer class="row">
    <div class="col-lg-12">
      Pied de page
    </div>
  </footer>

Merci de votre temps

[copin]

Salut,

Sur ton #wrap, tu places ton position:fixed, ajouter un width et ca devrait aller mieux.

Code :

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

1
2
3
4
5
 
#wrap {
position:fixed; 
width:100%; 
}

Sauf si j'ai pas compris ce que tu souhaites...