Barres de navigation

**jmde** · 07/02/2008, 20h37

Bonsoir,

Je voudrais supprimer l'affichage des barres de navigation sur ma page, et en mettant ce code cela ne fonctionne pas.

Code :

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

1
2
3
body {
        owerflow:hidden;
        }

Merci pour votre aide.

Salutations.

**Pierre1111** · 07/02/2008, 22h22

Sauf erreur, overflow peut s'aplliquer à des éléments blocs, mais ne peut pas être une propriété de l'élément body.

**jmde** · 09/02/2008, 13h19

Bonjour Pierre,

Merci pour ta réponse,

Je joins le css de ma page qui fait apparaitre la barre de navigation droite ( sans l'ascenceur) , je voudrais savoir si l'on peut la supprimer pour avoir toute la largeur de la page.

Salutations

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
body {
 margin:0;
    padding:0;
    overflow:hidden;
	}
 
 .Sigle {
     position : fixed; 
     top: 8%; 
     left: 0.5%; 
     right: 0px; 
     width: 120px; 
     height:120px;
     z-index:1;  
       } 
 
.Sigle1 {
     position : fixed; 
     top: 10%; 
     right: 0.5%; 
     width: 100px; 
     height:100px;
     z-index:1;  
       } 	   
 
.Fond-Page {
     position : fixed;  
     height:100%;
     width:100%;
     z-index:0;  
       } 
 
.Fond-Transparent {
     margin:0px;
     width:100%;
     height:95%;
     position:absolute ;
     top: 5%;
     z-index:3;
       }

**jmde** · 17/02/2008, 00h16

Bonsoir,

On ma conseillé de changer de Doctype et j'ai utilisé celui-ci:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Le Scroll de droite n'apparait plus, j'utilise toute la largeur de l'écran, mais maintenant ces Div ci-dessous ne s'affichent plus.

Est-ce que quelqu'un peut maider ?

Merci.

Salutations.

Css ajouté à la suite de celui indiqué plus haut :

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
 
.text-deroulant {
       position : fixed; 
       top:0%;
       width:100%;
       height: 5%;
       margin-left:0%;
       z-index:4;
  } 
 
.Sommaire { 
         margin-top:15%; 
         margin-left:29%; 
         margin-right:30%; 
         width:40.45%; 
         text-align: center; 
         color:#ff0324; 
         font-family: Calligraphic; 
         border:solid silver double; 
         font-size: 40px; 
         z-index:6;     
    }
 
h1 {
 	margin-top:4%;
	margin-left:15%;
	width:70%;
	text-align: center;
	color:#ff0324;
	font-family: Calligraphic;	
	font-size: 40px; 
	z-index:7;
   }

Et dans la page html

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
<style type="text/css">
body {
	overflow:hidden;
	}
</style>
 
</head>
<body>
 
<div class="text-deroulant">
  <marquee ???????
  </marquee>
</div>
 
 
<!-- Fixation du sigle -->
<img class="Sigle" src="../../../Outils/Logo250x250.gif" alt="" width="250" height="250" />
<div class="Sigle">
</div>
 
<!-- Image fond de page-->
<img class="Fond-Page" src="../gris.bmp" alt="" width="150" height="500" />
<div class="Fond-Page">
<h1>Activités</h1>
</div>
 
<!--Image transparente fond de page -->
<img class="Fond-Page" src="../transparence1.gif" alt="" width="10" height="10" />
<div class="Fond-Transparent">
 
<div class="Sommaire">
<p class="rouge gras">Sommaire</p>
</div>

**Candygirl** · 20/02/2008, 01h45

Hello,

Envoyé par jmde

Je joins le css de ma page qui fait apparaitre la barre de navigation droite ( sans l'ascenceur) , je voudrais savoir si l'on peut la supprimer pour avoir toute la largeur de la page.

Avec quel navigateur testes-tu ta page ? Internet explorer? Par défaut la scrollbarre apparaît effectivement sur IE. Sur Firefox et d'autres navigateurs, elle n'apparaît que lorsqu'elle a son utilité.

Envoyé par Pierre1111

Sauf erreur, overflow peut s'aplliquer à des éléments blocs, mais ne peut pas être une propriété de l'élément body.

A ma connaissance, c'est l'élément racine qui souffre quelques exceptions, soit l'élément html; il ne peut pas être positionné par exemple ou encore être en float. Par contre le body se comporte comme un block normal (sur les navigateurs récents), avec quelques petites exceptions comme le comportement du background-color en l'absence de sa définition sur l'élément html (j'imagine pour des raisons de rétrocompatibilité ? en tous cas le cas est clairement décrit dans les recommandations css2).

Envoyé par jmde

On ma conseillé de changer de Doctype et j'ai utilisé celui-ci:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Le Scroll de droite n'apparait plus, j'utilise toute la largeur de l'écran, mais maintenant ces Div ci-dessous ne s'affichent plus.

Je ne trouve pas le conseil judicieux. Le doctype que l'on t'a proposé est un doctype incomplet et donc les navigateurs restent en mode quirk au lieu de basculer en mode standard. Cela a particulièrement d'impacte sur IE qui va très mal interpréter certaines propriétés css (typiquement le fixed n'étant implémenté que depuis IE7 peut bien ne pas passer en mode quirk) ou encore utiliser le modèle de boîte Microsoft.

Logiquement pour virer la scroll-barre latérale, il faudrait jouer sur l'overflow de l'élément html:

Code :

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

html {overflow:auto;}

Avec, bien sûr, un doctype complet et en virant le overflow:hidden du body. Après, si tu veux vraiment un overflow:hidden, tu peux le mettre sur le html, mais clea risque fort d'occasionner des problème de consultabilité sur petites résolutions.

Barres de navigation

CSS

Vue hybride

Discussions similaires

Partager

Partager