Discussion :

[staive]

Bonjour,

Voila mon code CSS :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
 
body  {
  overflow-y: hidden;
  margin: 22px 0% 0% 0% ;
  padding:0;
  margin-top:0px;
  }
html > body {overflow-y: auto}
 
.content  {
  height: 100%;
  overflow: auto;
  padding-top:22px;
  }
 
.menu1   {
  position:absolute;
  top:0px;
  height: 22px;
  background-color:#000000;
 }
 #menu {
  position:relative;
  margin-left: auto; 
  margin-right: auto;
  width:734px;
  text-align: left;
 
} 
 
body>.menu1 {position:fixed}

et voilà dans le body ce que j'ai

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div class="menu1">
<div id="menu">
mon menu
</div>
</div>
<div class="content">
  <div class="boite">
mon corps de page
</div>
</div>

Le problème est que tout s'aligne bien sur le centre dans IE mais pas dans Firefox.
Mon but est d'avoir un menu fixe et un corps de page avec ascenceur si nécessaire.
Quelqu'un peut m'aider svp ?

En plus je suis sur que c'est pas grand chose ou que quelque chose m'a échappé.
J'ai beau retourné le truc dans tout les sens ca ne marche pas.

Merci d'avance.

[hellspawn_ludo]

Bonjour staive,

Je pense que tu as oublié le width du Menu1. Mets-en un et normalement tu obtiendras la même chose sur IE7 et Firefox.

Autre chose. Je ne suis pas un pro du CSS mais j'ai vu ceci :

Code :

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

1
2
3
4
 
html > body {overflow-y: auto}
 
body>.menu1 {position:fixed}

Je ne sais pas si html> et body> sont les bienvenus. Je pense que tu devrais les retirer.

A+

[staive]

Désolé mais en mettant width dans menu1 le menu se décale sur la droite dans les deux navigateurs.

Autres suggestion ?

[staive]

Comment dire , humm?

Des fois on se but dans une direction sans vraiment se rendre compte de notre bétise, alors que, sans le remarquer vous aviez résolu le problème des centaines de fois auparavant.

Ici c'est le cas, j'ai mis mon menu dans un tableau de largeur 100% et de trois colonnes et dans la colonne du milieu et le problème est résolu.

J'ai honte, je ne pensais que par CSS alors que je savais comment faire autrement, mes réflexes étais en grève hier soir.